@charset "UTF-8";

/* font-face */

@font-face {
	font-family: "Pretendard3";
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url(../font/Pretendard-Light.woff2) format("woff2"), 
		url(../font/Pretendard-Light.woff) format("woff"), 
		url(../font/Pretendard-Light.ttf) format("truetype");
}

@font-face {
	font-family: "Pretendard3";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(../font/Pretendard-Medium.woff2) format("woff2"), 
		url(../font/Pretendard-Medium.woff) format("woff"), 
		url(../font/Pretendard-Medium.ttf) format("truetype");
}

@font-face {
	font-family: "Pretendard3";
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url(../font/Pretendard-Bold.woff2) format("woff2"), 
		url(../font/Pretendard-Bold.woff) format("woff"), 
		url(../font/Pretendard-Bold.ttf) format("truetype");
}


@font-face {
	font-family: "Pretendard-Subset";
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url(../font/pretendard-subset/Pretendard-Light.subset.woff2) format("woff2"), 
		url(../font/pretendard-subset/Pretendard-Light.subset.woff) format("woff");
}

@font-face {
	font-family: "Pretendard-Subset";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(../font/pretendard-subset/Pretendard-Medium.subset.woff2) format("woff2"), 
		url(../font/pretendard-subset/Pretendard-Medium.subset.woff) format("woff");
}

@font-face {
	font-family: "Pretendard-Subset";
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url(../font/pretendard-subset/Pretendard-Bold.subset.woff2) format("woff2"), 
		url(../font/pretendard-subset/Pretendard-Bold.subset.woff) format("woff");
}


@keyframes dropdown {
	0% {
		-webkit-transform: translateY(0) scaleY(1);
		transform: translateY(0) scaleY(1);
	}

	100% {
		-webkit-transform: translateY(-50%) scaleY(0);
		transform: translateY(-50%) scaleY(0);
	}
}

@-webkit-keyframes dropdown-active {
	0% {
		-webkit-transform: translateY(-50%) scaleY(0);
		transform: translateY(-50%) scaleY(0);
	}

	100% {
		-webkit-transform: translateY(0) scaleY(1);
		transform: translateY(0) scaleY(1);
	}
}

@keyframes dropdown-active {
	0% {
		-webkit-transform: translateY(-50%) scaleY(0);
		transform: translateY(-50%) scaleY(0);
	}

	100% {
		-webkit-transform: translateY(0) scaleY(1);
		transform: translateY(0) scaleY(1);
	}
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {
	padding: 0;
	margin: 0;
}

html,body,input,textarea,button,select,pre {
	font-family: "Pretendard-Subset";
	color: #000;
	font-size: 1rem;
	letter-spacing: -0.5px;
}

h1,h2,h3,h4,h5,h6,input,textarea,button,select,table {
	font-size: 1rem;
}

img,fieldset,button {
	border: 0;
}

textarea {
	overflow: auto;
	resize: none;
}

input[type=submit],input[type=button],button {
	cursor: pointer;
}

img {
	vertical-align: middle;
}

address,em {
	font-style: normal;
}

pre {
	white-space: pre-wrap;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

table,th,td {
	border: none;
}

caption {
	overflow: hidden;
	line-height: 0;
	text-indent: -2000em;
	display: none;
}

legend,.hidden {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -2000em;
	line-height: 0;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

input[type='checkbox'],input[type='radio'],select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

a:link,a:visited,a:hover,a:active,a:focus {
	text-decoration: none;
	color: #444;
}

ul,ol,li {
	list-style: none;
}

#accessibility a {
	display: block;
	position: absolute;
	top: -40px;
	left: 0;
	z-index: 10;
	width: 100%;
	text-align: center;
	font-weight: bold;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#accessibility a:hover {
	top: 0px;
	z-index: 1000;
	padding: 10px 0;
	background: #4764ce;
	color: #fff;
}

a#content {
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
}

input,select,textarea,label {
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: auto;
	vertical-align: middle;
	line-height: 1.4;
}

.cont_body input[type=text],.cont_body input[type=password],.cont_body input[type=tel],.cont_body input[type=date],.cont_body input[type=email],.cont_body select,.cont_body textarea {
	vertical-align: middle;
}

.cont_body select::-ms-expand {
	background-color: transparent;
	border: 0;
}

.cont_body input[type=file] {
	background: #ddd;
	font-size: 1.08em;
}

/* table */
table {
	width: 100%;
}

/**
  px값 List를 만들어주는 함수입니다.
*/
/**
값이 0일때는 0으로, 그 외에는 'px'을 붙여줍니다.
ex) 0 => 0, 10 => 10px
*/
/** 
px 값입니다.
0 ~ 100px 까지 조정하게 만들었습니다.
*/
/**
margin과 padding의 각 위치를 지정해주는 map 입니다.
key는 class이름 생성시 쓰이며 value는 상세 속성 정의시 쓰입니다.
*/
/**
margin과 padding 생성을 위한 map입니다.
key는 class이름 생성시 쓰이며 value는 상세 속성 정의시 쓰입니다.
*/
/**
실제 css class를 만들어주는 mixin입니다.
nameMap, position, size를 혼합하여 아래와 같은 형식으로 만들어줍니다.

ex>
m-0 : { margin : 0; }
mt-1 : { margin-top : 1px; }
*/
.m-0 {
	margin: 0;
}

.ml-0 {
	margin-left: 0;
}

.mr-0 {
	margin-right: 0;
}

.mt-0 {
	margin-top: 0;
}

.mb-0 {
	margin-bottom: 0;
}

.m-1 {
	margin: 1px;
}

.ml-1 {
	margin-left: 1px;
}

.mr-1 {
	margin-right: 1px;
}

.mt-1 {
	margin-top: 1px;
}

.mb-1 {
	margin-bottom: 1px;
}

.m-2 {
	margin: 2px;
}

.ml-2 {
	margin-left: 2px;
}

.mr-2 {
	margin-right: 2px;
}

.mt-2 {
	margin-top: 2px;
}

.mb-2 {
	margin-bottom: 2px;
}

.m-3 {
	margin: 3px;
}

.ml-3 {
	margin-left: 3px;
}

.mr-3 {
	margin-right: 3px;
}

.mt-3 {
	margin-top: 3px;
}

.mb-3 {
	margin-bottom: 3px;
}

.m-4 {
	margin: 4px;
}

.ml-4 {
	margin-left: 4px;
}

.mr-4 {
	margin-right: 4px;
}

.mt-4 {
	margin-top: 4px;
}

.mb-4 {
	margin-bottom: 4px;
}

.m-5 {
	margin: 5px;
}

.ml-5 {
	margin-left: 5px;
}

.mr-5 {
	margin-right: 5px;
}

.mt-5 {
	margin-top: 5px;
}

.mb-5 {
	margin-bottom: 5px;
}

.m-6 {
	margin: 6px;
}

.ml-6 {
	margin-left: 6px;
}

.mr-6 {
	margin-right: 6px;
}

.mt-6 {
	margin-top: 6px;
}

.mb-6 {
	margin-bottom: 6px;
}

.m-7 {
	margin: 7px;
}

.ml-7 {
	margin-left: 7px;
}

.mr-7 {
	margin-right: 7px;
}

.mt-7 {
	margin-top: 7px;
}

.mb-7 {
	margin-bottom: 7px;
}

.m-8 {
	margin: 8px;
}

.ml-8 {
	margin-left: 8px;
}

.mr-8 {
	margin-right: 8px;
}

.mt-8 {
	margin-top: 8px;
}

.mb-8 {
	margin-bottom: 8px;
}

.m-9 {
	margin: 9px;
}

.ml-9 {
	margin-left: 9px;
}

.mr-9 {
	margin-right: 9px;
}

.mt-9 {
	margin-top: 9px;
}

.mb-9 {
	margin-bottom: 9px;
}

.m-10 {
	margin: 10px;
}

.ml-10 {
	margin-left: 10px;
}

.mr-10 {
	margin-right: 10px;
}

.mt-10 {
	margin-top: 10px;
}

.mb-10 {
	margin-bottom: 10px;
}

.m-11 {
	margin: 11px;
}

.ml-11 {
	margin-left: 11px;
}

.mr-11 {
	margin-right: 11px;
}

.mt-11 {
	margin-top: 11px;
}

.mb-11 {
	margin-bottom: 11px;
}

.m-12 {
	margin: 12px;
}

.ml-12 {
	margin-left: 12px;
}

.mr-12 {
	margin-right: 12px;
}

.mt-12 {
	margin-top: 12px;
}

.mb-12 {
	margin-bottom: 12px;
}

.m-13 {
	margin: 13px;
}

.ml-13 {
	margin-left: 13px;
}

.mr-13 {
	margin-right: 13px;
}

.mt-13 {
	margin-top: 13px;
}

.mb-13 {
	margin-bottom: 13px;
}

.m-14 {
	margin: 14px;
}

.ml-14 {
	margin-left: 14px;
}

.mr-14 {
	margin-right: 14px;
}

.mt-14 {
	margin-top: 14px;
}

.mb-14 {
	margin-bottom: 14px;
}

.m-15 {
	margin: 15px;
}

.ml-15 {
	margin-left: 15px;
}

.mr-15 {
	margin-right: 15px;
}

.mt-15 {
	margin-top: 15px;
}

.mb-15 {
	margin-bottom: 15px;
}

.m-16 {
	margin: 16px;
}

.ml-16 {
	margin-left: 16px;
}

.mr-16 {
	margin-right: 16px;
}

.mt-16 {
	margin-top: 16px;
}

.mb-16 {
	margin-bottom: 16px;
}

.m-17 {
	margin: 17px;
}

.ml-17 {
	margin-left: 17px;
}

.mr-17 {
	margin-right: 17px;
}

.mt-17 {
	margin-top: 17px;
}

.mb-17 {
	margin-bottom: 17px;
}

.m-18 {
	margin: 18px;
}

.ml-18 {
	margin-left: 18px;
}

.mr-18 {
	margin-right: 18px;
}

.mt-18 {
	margin-top: 18px;
}

.mb-18 {
	margin-bottom: 18px;
}

.m-19 {
	margin: 19px;
}

.ml-19 {
	margin-left: 19px;
}

.mr-19 {
	margin-right: 19px;
}

.mt-19 {
	margin-top: 19px;
}

.mb-19 {
	margin-bottom: 19px;
}

.m-20 {
	margin: 20px;
}

.ml-20 {
	margin-left: 20px;
}

.mr-20 {
	margin-right: 20px;
}

.mt-20 {
	margin-top: 20px;
}

.mb-20 {
	margin-bottom: 20px;
}

.m-21 {
	margin: 21px;
}

.ml-21 {
	margin-left: 21px;
}

.mr-21 {
	margin-right: 21px;
}

.mt-21 {
	margin-top: 21px;
}

.mb-21 {
	margin-bottom: 21px;
}

.m-22 {
	margin: 22px;
}

.ml-22 {
	margin-left: 22px;
}

.mr-22 {
	margin-right: 22px;
}

.mt-22 {
	margin-top: 22px;
}

.mb-22 {
	margin-bottom: 22px;
}

.m-23 {
	margin: 23px;
}

.ml-23 {
	margin-left: 23px;
}

.mr-23 {
	margin-right: 23px;
}

.mt-23 {
	margin-top: 23px;
}

.mb-23 {
	margin-bottom: 23px;
}

.m-24 {
	margin: 24px;
}

.ml-24 {
	margin-left: 24px;
}

.mr-24 {
	margin-right: 24px;
}

.mt-24 {
	margin-top: 24px;
}

.mb-24 {
	margin-bottom: 24px;
}

.m-25 {
	margin: 25px;
}

.ml-25 {
	margin-left: 25px;
}

.mr-25 {
	margin-right: 25px;
}

.mt-25 {
	margin-top: 25px;
}

.mb-25 {
	margin-bottom: 25px;
}

.m-26 {
	margin: 26px;
}

.ml-26 {
	margin-left: 26px;
}

.mr-26 {
	margin-right: 26px;
}

.mt-26 {
	margin-top: 26px;
}

.mb-26 {
	margin-bottom: 26px;
}

.m-27 {
	margin: 27px;
}

.ml-27 {
	margin-left: 27px;
}

.mr-27 {
	margin-right: 27px;
}

.mt-27 {
	margin-top: 27px;
}

.mb-27 {
	margin-bottom: 27px;
}

.m-28 {
	margin: 28px;
}

.ml-28 {
	margin-left: 28px;
}

.mr-28 {
	margin-right: 28px;
}

.mt-28 {
	margin-top: 28px;
}

.mb-28 {
	margin-bottom: 28px;
}

.m-29 {
	margin: 29px;
}

.ml-29 {
	margin-left: 29px;
}

.mr-29 {
	margin-right: 29px;
}

.mt-29 {
	margin-top: 29px;
}

.mb-29 {
	margin-bottom: 29px;
}

.m-30 {
	margin: 30px;
}

.ml-30 {
	margin-left: 30px;
}

.mr-30 {
	margin-right: 30px;
}

.mt-30 {
	margin-top: 30px;
}

.mb-30 {
	margin-bottom: 30px;
}

.m-31 {
	margin: 31px;
}

.ml-31 {
	margin-left: 31px;
}

.mr-31 {
	margin-right: 31px;
}

.mt-31 {
	margin-top: 31px;
}

.mb-31 {
	margin-bottom: 31px;
}

.m-32 {
	margin: 32px;
}

.ml-32 {
	margin-left: 32px;
}

.mr-32 {
	margin-right: 32px;
}

.mt-32 {
	margin-top: 32px;
}

.mb-32 {
	margin-bottom: 32px;
}

.m-33 {
	margin: 33px;
}

.ml-33 {
	margin-left: 33px;
}

.mr-33 {
	margin-right: 33px;
}

.mt-33 {
	margin-top: 33px;
}

.mb-33 {
	margin-bottom: 33px;
}

.m-34 {
	margin: 34px;
}

.ml-34 {
	margin-left: 34px;
}

.mr-34 {
	margin-right: 34px;
}

.mt-34 {
	margin-top: 34px;
}

.mb-34 {
	margin-bottom: 34px;
}

.m-35 {
	margin: 35px;
}

.ml-35 {
	margin-left: 35px;
}

.mr-35 {
	margin-right: 35px;
}

.mt-35 {
	margin-top: 35px;
}

.mb-35 {
	margin-bottom: 35px;
}

.m-36 {
	margin: 36px;
}

.ml-36 {
	margin-left: 36px;
}

.mr-36 {
	margin-right: 36px;
}

.mt-36 {
	margin-top: 36px;
}

.mb-36 {
	margin-bottom: 36px;
}

.m-37 {
	margin: 37px;
}

.ml-37 {
	margin-left: 37px;
}

.mr-37 {
	margin-right: 37px;
}

.mt-37 {
	margin-top: 37px;
}

.mb-37 {
	margin-bottom: 37px;
}

.m-38 {
	margin: 38px;
}

.ml-38 {
	margin-left: 38px;
}

.mr-38 {
	margin-right: 38px;
}

.mt-38 {
	margin-top: 38px;
}

.mb-38 {
	margin-bottom: 38px;
}

.m-39 {
	margin: 39px;
}

.ml-39 {
	margin-left: 39px;
}

.mr-39 {
	margin-right: 39px;
}

.mt-39 {
	margin-top: 39px;
}

.mb-39 {
	margin-bottom: 39px;
}

.m-40 {
	margin: 40px;
}

.ml-40 {
	margin-left: 40px;
}

.mr-40 {
	margin-right: 40px;
}

.mt-40 {
	margin-top: 40px;
}

.mb-40 {
	margin-bottom: 40px;
}

.m-41 {
	margin: 41px;
}

.ml-41 {
	margin-left: 41px;
}

.mr-41 {
	margin-right: 41px;
}

.mt-41 {
	margin-top: 41px;
}

.mb-41 {
	margin-bottom: 41px;
}

.m-42 {
	margin: 42px;
}

.ml-42 {
	margin-left: 42px;
}

.mr-42 {
	margin-right: 42px;
}

.mt-42 {
	margin-top: 42px;
}

.mb-42 {
	margin-bottom: 42px;
}

.m-43 {
	margin: 43px;
}

.ml-43 {
	margin-left: 43px;
}

.mr-43 {
	margin-right: 43px;
}

.mt-43 {
	margin-top: 43px;
}

.mb-43 {
	margin-bottom: 43px;
}

.m-44 {
	margin: 44px;
}

.ml-44 {
	margin-left: 44px;
}

.mr-44 {
	margin-right: 44px;
}

.mt-44 {
	margin-top: 44px;
}

.mb-44 {
	margin-bottom: 44px;
}

.m-45 {
	margin: 45px;
}

.ml-45 {
	margin-left: 45px;
}

.mr-45 {
	margin-right: 45px;
}

.mt-45 {
	margin-top: 45px;
}

.mb-45 {
	margin-bottom: 45px;
}

.m-46 {
	margin: 46px;
}

.ml-46 {
	margin-left: 46px;
}

.mr-46 {
	margin-right: 46px;
}

.mt-46 {
	margin-top: 46px;
}

.mb-46 {
	margin-bottom: 46px;
}

.m-47 {
	margin: 47px;
}

.ml-47 {
	margin-left: 47px;
}

.mr-47 {
	margin-right: 47px;
}

.mt-47 {
	margin-top: 47px;
}

.mb-47 {
	margin-bottom: 47px;
}

.m-48 {
	margin: 48px;
}

.ml-48 {
	margin-left: 48px;
}

.mr-48 {
	margin-right: 48px;
}

.mt-48 {
	margin-top: 48px;
}

.mb-48 {
	margin-bottom: 48px;
}

.m-49 {
	margin: 49px;
}

.ml-49 {
	margin-left: 49px;
}

.mr-49 {
	margin-right: 49px;
}

.mt-49 {
	margin-top: 49px;
}

.mb-49 {
	margin-bottom: 49px;
}

.m-50 {
	margin: 50px;
}

.ml-50 {
	margin-left: 50px;
}

.mr-50 {
	margin-right: 50px;
}

.mt-50 {
	margin-top: 50px;
}

.mb-50 {
	margin-bottom: 50px;
}

.m-51 {
	margin: 51px;
}

.ml-51 {
	margin-left: 51px;
}

.mr-51 {
	margin-right: 51px;
}

.mt-51 {
	margin-top: 51px;
}

.mb-51 {
	margin-bottom: 51px;
}

.m-52 {
	margin: 52px;
}

.ml-52 {
	margin-left: 52px;
}

.mr-52 {
	margin-right: 52px;
}

.mt-52 {
	margin-top: 52px;
}

.mb-52 {
	margin-bottom: 52px;
}

.m-53 {
	margin: 53px;
}

.ml-53 {
	margin-left: 53px;
}

.mr-53 {
	margin-right: 53px;
}

.mt-53 {
	margin-top: 53px;
}

.mb-53 {
	margin-bottom: 53px;
}

.m-54 {
	margin: 54px;
}

.ml-54 {
	margin-left: 54px;
}

.mr-54 {
	margin-right: 54px;
}

.mt-54 {
	margin-top: 54px;
}

.mb-54 {
	margin-bottom: 54px;
}

.m-55 {
	margin: 55px;
}

.ml-55 {
	margin-left: 55px;
}

.mr-55 {
	margin-right: 55px;
}

.mt-55 {
	margin-top: 55px;
}

.mb-55 {
	margin-bottom: 55px;
}

.m-56 {
	margin: 56px;
}

.ml-56 {
	margin-left: 56px;
}

.mr-56 {
	margin-right: 56px;
}

.mt-56 {
	margin-top: 56px;
}

.mb-56 {
	margin-bottom: 56px;
}

.m-57 {
	margin: 57px;
}

.ml-57 {
	margin-left: 57px;
}

.mr-57 {
	margin-right: 57px;
}

.mt-57 {
	margin-top: 57px;
}

.mb-57 {
	margin-bottom: 57px;
}

.m-58 {
	margin: 58px;
}

.ml-58 {
	margin-left: 58px;
}

.mr-58 {
	margin-right: 58px;
}

.mt-58 {
	margin-top: 58px;
}

.mb-58 {
	margin-bottom: 58px;
}

.m-59 {
	margin: 59px;
}

.ml-59 {
	margin-left: 59px;
}

.mr-59 {
	margin-right: 59px;
}

.mt-59 {
	margin-top: 59px;
}

.mb-59 {
	margin-bottom: 59px;
}

.m-60 {
	margin: 60px;
}

.ml-60 {
	margin-left: 60px;
}

.mr-60 {
	margin-right: 60px;
}

.mt-60 {
	margin-top: 60px;
}

.mb-60 {
	margin-bottom: 60px;
}

.m-61 {
	margin: 61px;
}

.ml-61 {
	margin-left: 61px;
}

.mr-61 {
	margin-right: 61px;
}

.mt-61 {
	margin-top: 61px;
}

.mb-61 {
	margin-bottom: 61px;
}

.m-62 {
	margin: 62px;
}

.ml-62 {
	margin-left: 62px;
}

.mr-62 {
	margin-right: 62px;
}

.mt-62 {
	margin-top: 62px;
}

.mb-62 {
	margin-bottom: 62px;
}

.m-63 {
	margin: 63px;
}

.ml-63 {
	margin-left: 63px;
}

.mr-63 {
	margin-right: 63px;
}

.mt-63 {
	margin-top: 63px;
}

.mb-63 {
	margin-bottom: 63px;
}

.m-64 {
	margin: 64px;
}

.ml-64 {
	margin-left: 64px;
}

.mr-64 {
	margin-right: 64px;
}

.mt-64 {
	margin-top: 64px;
}

.mb-64 {
	margin-bottom: 64px;
}

.m-65 {
	margin: 65px;
}

.ml-65 {
	margin-left: 65px;
}

.mr-65 {
	margin-right: 65px;
}

.mt-65 {
	margin-top: 65px;
}

.mb-65 {
	margin-bottom: 65px;
}

.m-66 {
	margin: 66px;
}

.ml-66 {
	margin-left: 66px;
}

.mr-66 {
	margin-right: 66px;
}

.mt-66 {
	margin-top: 66px;
}

.mb-66 {
	margin-bottom: 66px;
}

.m-67 {
	margin: 67px;
}

.ml-67 {
	margin-left: 67px;
}

.mr-67 {
	margin-right: 67px;
}

.mt-67 {
	margin-top: 67px;
}

.mb-67 {
	margin-bottom: 67px;
}

.m-68 {
	margin: 68px;
}

.ml-68 {
	margin-left: 68px;
}

.mr-68 {
	margin-right: 68px;
}

.mt-68 {
	margin-top: 68px;
}

.mb-68 {
	margin-bottom: 68px;
}

.m-69 {
	margin: 69px;
}

.ml-69 {
	margin-left: 69px;
}

.mr-69 {
	margin-right: 69px;
}

.mt-69 {
	margin-top: 69px;
}

.mb-69 {
	margin-bottom: 69px;
}

.m-70 {
	margin: 70px;
}

.ml-70 {
	margin-left: 70px;
}

.mr-70 {
	margin-right: 70px;
}

.mt-70 {
	margin-top: 70px;
}

.mb-70 {
	margin-bottom: 70px;
}

.m-71 {
	margin: 71px;
}

.ml-71 {
	margin-left: 71px;
}

.mr-71 {
	margin-right: 71px;
}

.mt-71 {
	margin-top: 71px;
}

.mb-71 {
	margin-bottom: 71px;
}

.m-72 {
	margin: 72px;
}

.ml-72 {
	margin-left: 72px;
}

.mr-72 {
	margin-right: 72px;
}

.mt-72 {
	margin-top: 72px;
}

.mb-72 {
	margin-bottom: 72px;
}

.m-73 {
	margin: 73px;
}

.ml-73 {
	margin-left: 73px;
}

.mr-73 {
	margin-right: 73px;
}

.mt-73 {
	margin-top: 73px;
}

.mb-73 {
	margin-bottom: 73px;
}

.m-74 {
	margin: 74px;
}

.ml-74 {
	margin-left: 74px;
}

.mr-74 {
	margin-right: 74px;
}

.mt-74 {
	margin-top: 74px;
}

.mb-74 {
	margin-bottom: 74px;
}

.m-75 {
	margin: 75px;
}

.ml-75 {
	margin-left: 75px;
}

.mr-75 {
	margin-right: 75px;
}

.mt-75 {
	margin-top: 75px;
}

.mb-75 {
	margin-bottom: 75px;
}

.m-76 {
	margin: 76px;
}

.ml-76 {
	margin-left: 76px;
}

.mr-76 {
	margin-right: 76px;
}

.mt-76 {
	margin-top: 76px;
}

.mb-76 {
	margin-bottom: 76px;
}

.m-77 {
	margin: 77px;
}

.ml-77 {
	margin-left: 77px;
}

.mr-77 {
	margin-right: 77px;
}

.mt-77 {
	margin-top: 77px;
}

.mb-77 {
	margin-bottom: 77px;
}

.m-78 {
	margin: 78px;
}

.ml-78 {
	margin-left: 78px;
}

.mr-78 {
	margin-right: 78px;
}

.mt-78 {
	margin-top: 78px;
}

.mb-78 {
	margin-bottom: 78px;
}

.m-79 {
	margin: 79px;
}

.ml-79 {
	margin-left: 79px;
}

.mr-79 {
	margin-right: 79px;
}

.mt-79 {
	margin-top: 79px;
}

.mb-79 {
	margin-bottom: 79px;
}

.m-80 {
	margin: 80px;
}

.ml-80 {
	margin-left: 80px;
}

.mr-80 {
	margin-right: 80px;
}

.mt-80 {
	margin-top: 80px;
}

.mb-80 {
	margin-bottom: 80px;
}

.m-81 {
	margin: 81px;
}

.ml-81 {
	margin-left: 81px;
}

.mr-81 {
	margin-right: 81px;
}

.mt-81 {
	margin-top: 81px;
}

.mb-81 {
	margin-bottom: 81px;
}

.m-82 {
	margin: 82px;
}

.ml-82 {
	margin-left: 82px;
}

.mr-82 {
	margin-right: 82px;
}

.mt-82 {
	margin-top: 82px;
}

.mb-82 {
	margin-bottom: 82px;
}

.m-83 {
	margin: 83px;
}

.ml-83 {
	margin-left: 83px;
}

.mr-83 {
	margin-right: 83px;
}

.mt-83 {
	margin-top: 83px;
}

.mb-83 {
	margin-bottom: 83px;
}

.m-84 {
	margin: 84px;
}

.ml-84 {
	margin-left: 84px;
}

.mr-84 {
	margin-right: 84px;
}

.mt-84 {
	margin-top: 84px;
}

.mb-84 {
	margin-bottom: 84px;
}

.m-85 {
	margin: 85px;
}

.ml-85 {
	margin-left: 85px;
}

.mr-85 {
	margin-right: 85px;
}

.mt-85 {
	margin-top: 85px;
}

.mb-85 {
	margin-bottom: 85px;
}

.m-86 {
	margin: 86px;
}

.ml-86 {
	margin-left: 86px;
}

.mr-86 {
	margin-right: 86px;
}

.mt-86 {
	margin-top: 86px;
}

.mb-86 {
	margin-bottom: 86px;
}

.m-87 {
	margin: 87px;
}

.ml-87 {
	margin-left: 87px;
}

.mr-87 {
	margin-right: 87px;
}

.mt-87 {
	margin-top: 87px;
}

.mb-87 {
	margin-bottom: 87px;
}

.m-88 {
	margin: 88px;
}

.ml-88 {
	margin-left: 88px;
}

.mr-88 {
	margin-right: 88px;
}

.mt-88 {
	margin-top: 88px;
}

.mb-88 {
	margin-bottom: 88px;
}

.m-89 {
	margin: 89px;
}

.ml-89 {
	margin-left: 89px;
}

.mr-89 {
	margin-right: 89px;
}

.mt-89 {
	margin-top: 89px;
}

.mb-89 {
	margin-bottom: 89px;
}

.m-90 {
	margin: 90px;
}

.ml-90 {
	margin-left: 90px;
}

.mr-90 {
	margin-right: 90px;
}

.mt-90 {
	margin-top: 90px;
}

.mb-90 {
	margin-bottom: 90px;
}

.m-91 {
	margin: 91px;
}

.ml-91 {
	margin-left: 91px;
}

.mr-91 {
	margin-right: 91px;
}

.mt-91 {
	margin-top: 91px;
}

.mb-91 {
	margin-bottom: 91px;
}

.m-92 {
	margin: 92px;
}

.ml-92 {
	margin-left: 92px;
}

.mr-92 {
	margin-right: 92px;
}

.mt-92 {
	margin-top: 92px;
}

.mb-92 {
	margin-bottom: 92px;
}

.m-93 {
	margin: 93px;
}

.ml-93 {
	margin-left: 93px;
}

.mr-93 {
	margin-right: 93px;
}

.mt-93 {
	margin-top: 93px;
}

.mb-93 {
	margin-bottom: 93px;
}

.m-94 {
	margin: 94px;
}

.ml-94 {
	margin-left: 94px;
}

.mr-94 {
	margin-right: 94px;
}

.mt-94 {
	margin-top: 94px;
}

.mb-94 {
	margin-bottom: 94px;
}

.m-95 {
	margin: 95px;
}

.ml-95 {
	margin-left: 95px;
}

.mr-95 {
	margin-right: 95px;
}

.mt-95 {
	margin-top: 95px;
}

.mb-95 {
	margin-bottom: 95px;
}

.m-96 {
	margin: 96px;
}

.ml-96 {
	margin-left: 96px;
}

.mr-96 {
	margin-right: 96px;
}

.mt-96 {
	margin-top: 96px;
}

.mb-96 {
	margin-bottom: 96px;
}

.m-97 {
	margin: 97px;
}

.ml-97 {
	margin-left: 97px;
}

.mr-97 {
	margin-right: 97px;
}

.mt-97 {
	margin-top: 97px;
}

.mb-97 {
	margin-bottom: 97px;
}

.m-98 {
	margin: 98px;
}

.ml-98 {
	margin-left: 98px;
}

.mr-98 {
	margin-right: 98px;
}

.mt-98 {
	margin-top: 98px;
}

.mb-98 {
	margin-bottom: 98px;
}

.m-99 {
	margin: 99px;
}

.ml-99 {
	margin-left: 99px;
}

.mr-99 {
	margin-right: 99px;
}

.mt-99 {
	margin-top: 99px;
}

.mb-99 {
	margin-bottom: 99px;
}

.m-100 {
	margin: 100px;
}

.ml-100 {
	margin-left: 100px;
}

.mr-100 {
	margin-right: 100px;
}

.mt-100 {
	margin-top: 100px;
}

.mb-100 {
	margin-bottom: 100px;
}

.p-0 {
	padding: 0;
}

.pl-0 {
	padding-left: 0;
}

.pr-0 {
	padding-right: 0;
}

.pt-0 {
	padding-top: 0;
}

.pb-0 {
	padding-bottom: 0;
}

.p-1 {
	padding: 1px;
}

.pl-1 {
	padding-left: 1px;
}

.pr-1 {
	padding-right: 1px;
}

.pt-1 {
	padding-top: 1px;
}

.pb-1 {
	padding-bottom: 1px;
}

.p-2 {
	padding: 2px;
}

.pl-2 {
	padding-left: 2px;
}

.pr-2 {
	padding-right: 2px;
}

.pt-2 {
	padding-top: 2px;
}

.pb-2 {
	padding-bottom: 2px;
}

.p-3 {
	padding: 3px;
}

.pl-3 {
	padding-left: 3px;
}

.pr-3 {
	padding-right: 3px;
}

.pt-3 {
	padding-top: 3px;
}

.pb-3 {
	padding-bottom: 3px;
}

.p-4 {
	padding: 4px;
}

.pl-4 {
	padding-left: 4px;
}

.pr-4 {
	padding-right: 4px;
}

.pt-4 {
	padding-top: 4px;
}

.pb-4 {
	padding-bottom: 4px;
}

.p-5 {
	padding: 5px;
}

.pl-5 {
	padding-left: 5px;
}

.pr-5 {
	padding-right: 5px;
}

.pt-5 {
	padding-top: 5px;
}

.pb-5 {
	padding-bottom: 5px;
}

.p-6 {
	padding: 6px;
}

.pl-6 {
	padding-left: 6px;
}

.pr-6 {
	padding-right: 6px;
}

.pt-6 {
	padding-top: 6px;
}

.pb-6 {
	padding-bottom: 6px;
}

.p-7 {
	padding: 7px;
}

.pl-7 {
	padding-left: 7px;
}

.pr-7 {
	padding-right: 7px;
}

.pt-7 {
	padding-top: 7px;
}

.pb-7 {
	padding-bottom: 7px;
}

.p-8 {
	padding: 8px;
}

.pl-8 {
	padding-left: 8px;
}

.pr-8 {
	padding-right: 8px;
}

.pt-8 {
	padding-top: 8px;
}

.pb-8 {
	padding-bottom: 8px;
}

.p-9 {
	padding: 9px;
}

.pl-9 {
	padding-left: 9px;
}

.pr-9 {
	padding-right: 9px;
}

.pt-9 {
	padding-top: 9px;
}

.pb-9 {
	padding-bottom: 9px;
}

.p-10 {
	padding: 10px;
}

.pl-10 {
	padding-left: 10px;
}

.pr-10 {
	padding-right: 10px;
}

.pt-10 {
	padding-top: 10px;
}

.pb-10 {
	padding-bottom: 10px;
}

.p-11 {
	padding: 11px;
}

.pl-11 {
	padding-left: 11px;
}

.pr-11 {
	padding-right: 11px;
}

.pt-11 {
	padding-top: 11px;
}

.pb-11 {
	padding-bottom: 11px;
}

.p-12 {
	padding: 12px;
}

.pl-12 {
	padding-left: 12px;
}

.pr-12 {
	padding-right: 12px;
}

.pt-12 {
	padding-top: 12px;
}

.pb-12 {
	padding-bottom: 12px;
}

.p-13 {
	padding: 13px;
}

.pl-13 {
	padding-left: 13px;
}

.pr-13 {
	padding-right: 13px;
}

.pt-13 {
	padding-top: 13px;
}

.pb-13 {
	padding-bottom: 13px;
}

.p-14 {
	padding: 14px;
}

.pl-14 {
	padding-left: 14px;
}

.pr-14 {
	padding-right: 14px;
}

.pt-14 {
	padding-top: 14px;
}

.pb-14 {
	padding-bottom: 14px;
}

.p-15 {
	padding: 15px;
}

.pl-15 {
	padding-left: 15px;
}

.pr-15 {
	padding-right: 15px;
}

.pt-15 {
	padding-top: 15px;
}

.pb-15 {
	padding-bottom: 15px;
}

.p-16 {
	padding: 16px;
}

.pl-16 {
	padding-left: 16px;
}

.pr-16 {
	padding-right: 16px;
}

.pt-16 {
	padding-top: 16px;
}

.pb-16 {
	padding-bottom: 16px;
}

.p-17 {
	padding: 17px;
}

.pl-17 {
	padding-left: 17px;
}

.pr-17 {
	padding-right: 17px;
}

.pt-17 {
	padding-top: 17px;
}

.pb-17 {
	padding-bottom: 17px;
}

.p-18 {
	padding: 18px;
}

.pl-18 {
	padding-left: 18px;
}

.pr-18 {
	padding-right: 18px;
}

.pt-18 {
	padding-top: 18px;
}

.pb-18 {
	padding-bottom: 18px;
}

.p-19 {
	padding: 19px;
}

.pl-19 {
	padding-left: 19px;
}

.pr-19 {
	padding-right: 19px;
}

.pt-19 {
	padding-top: 19px;
}

.pb-19 {
	padding-bottom: 19px;
}

.p-20 {
	padding: 20px;
}

.pl-20 {
	padding-left: 20px;
}

.pr-20 {
	padding-right: 20px;
}

.pt-20 {
	padding-top: 20px;
}

.pb-20 {
	padding-bottom: 20px;
}

.p-21 {
	padding: 21px;
}

.pl-21 {
	padding-left: 21px;
}

.pr-21 {
	padding-right: 21px;
}

.pt-21 {
	padding-top: 21px;
}

.pb-21 {
	padding-bottom: 21px;
}

.p-22 {
	padding: 22px;
}

.pl-22 {
	padding-left: 22px;
}

.pr-22 {
	padding-right: 22px;
}

.pt-22 {
	padding-top: 22px;
}

.pb-22 {
	padding-bottom: 22px;
}

.p-23 {
	padding: 23px;
}

.pl-23 {
	padding-left: 23px;
}

.pr-23 {
	padding-right: 23px;
}

.pt-23 {
	padding-top: 23px;
}

.pb-23 {
	padding-bottom: 23px;
}

.p-24 {
	padding: 24px;
}

.pl-24 {
	padding-left: 24px;
}

.pr-24 {
	padding-right: 24px;
}

.pt-24 {
	padding-top: 24px;
}

.pb-24 {
	padding-bottom: 24px;
}

.p-25 {
	padding: 25px;
}

.pl-25 {
	padding-left: 25px;
}

.pr-25 {
	padding-right: 25px;
}

.pt-25 {
	padding-top: 25px;
}

.pb-25 {
	padding-bottom: 25px;
}

.p-26 {
	padding: 26px;
}

.pl-26 {
	padding-left: 26px;
}

.pr-26 {
	padding-right: 26px;
}

.pt-26 {
	padding-top: 26px;
}

.pb-26 {
	padding-bottom: 26px;
}

.p-27 {
	padding: 27px;
}

.pl-27 {
	padding-left: 27px;
}

.pr-27 {
	padding-right: 27px;
}

.pt-27 {
	padding-top: 27px;
}

.pb-27 {
	padding-bottom: 27px;
}

.p-28 {
	padding: 28px;
}

.pl-28 {
	padding-left: 28px;
}

.pr-28 {
	padding-right: 28px;
}

.pt-28 {
	padding-top: 28px;
}

.pb-28 {
	padding-bottom: 28px;
}

.p-29 {
	padding: 29px;
}

.pl-29 {
	padding-left: 29px;
}

.pr-29 {
	padding-right: 29px;
}

.pt-29 {
	padding-top: 29px;
}

.pb-29 {
	padding-bottom: 29px;
}

.p-30 {
	padding: 30px;
}

.pl-30 {
	padding-left: 30px;
}

.pr-30 {
	padding-right: 30px;
}

.pt-30 {
	padding-top: 30px;
}

.pb-30 {
	padding-bottom: 30px;
}

.p-31 {
	padding: 31px;
}

.pl-31 {
	padding-left: 31px;
}

.pr-31 {
	padding-right: 31px;
}

.pt-31 {
	padding-top: 31px;
}

.pb-31 {
	padding-bottom: 31px;
}

.p-32 {
	padding: 32px;
}

.pl-32 {
	padding-left: 32px;
}

.pr-32 {
	padding-right: 32px;
}

.pt-32 {
	padding-top: 32px;
}

.pb-32 {
	padding-bottom: 32px;
}

.p-33 {
	padding: 33px;
}

.pl-33 {
	padding-left: 33px;
}

.pr-33 {
	padding-right: 33px;
}

.pt-33 {
	padding-top: 33px;
}

.pb-33 {
	padding-bottom: 33px;
}

.p-34 {
	padding: 34px;
}

.pl-34 {
	padding-left: 34px;
}

.pr-34 {
	padding-right: 34px;
}

.pt-34 {
	padding-top: 34px;
}

.pb-34 {
	padding-bottom: 34px;
}

.p-35 {
	padding: 35px;
}

.pl-35 {
	padding-left: 35px;
}

.pr-35 {
	padding-right: 35px;
}

.pt-35 {
	padding-top: 35px;
}

.pb-35 {
	padding-bottom: 35px;
}

.p-36 {
	padding: 36px;
}

.pl-36 {
	padding-left: 36px;
}

.pr-36 {
	padding-right: 36px;
}

.pt-36 {
	padding-top: 36px;
}

.pb-36 {
	padding-bottom: 36px;
}

.p-37 {
	padding: 37px;
}

.pl-37 {
	padding-left: 37px;
}

.pr-37 {
	padding-right: 37px;
}

.pt-37 {
	padding-top: 37px;
}

.pb-37 {
	padding-bottom: 37px;
}

.p-38 {
	padding: 38px;
}

.pl-38 {
	padding-left: 38px;
}

.pr-38 {
	padding-right: 38px;
}

.pt-38 {
	padding-top: 38px;
}

.pb-38 {
	padding-bottom: 38px;
}

.p-39 {
	padding: 39px;
}

.pl-39 {
	padding-left: 39px;
}

.pr-39 {
	padding-right: 39px;
}

.pt-39 {
	padding-top: 39px;
}

.pb-39 {
	padding-bottom: 39px;
}

.p-40 {
	padding: 40px;
}

.pl-40 {
	padding-left: 40px;
}

.pr-40 {
	padding-right: 40px;
}

.pt-40 {
	padding-top: 40px;
}

.pb-40 {
	padding-bottom: 40px;
}

.p-41 {
	padding: 41px;
}

.pl-41 {
	padding-left: 41px;
}

.pr-41 {
	padding-right: 41px;
}

.pt-41 {
	padding-top: 41px;
}

.pb-41 {
	padding-bottom: 41px;
}

.p-42 {
	padding: 42px;
}

.pl-42 {
	padding-left: 42px;
}

.pr-42 {
	padding-right: 42px;
}

.pt-42 {
	padding-top: 42px;
}

.pb-42 {
	padding-bottom: 42px;
}

.p-43 {
	padding: 43px;
}

.pl-43 {
	padding-left: 43px;
}

.pr-43 {
	padding-right: 43px;
}

.pt-43 {
	padding-top: 43px;
}

.pb-43 {
	padding-bottom: 43px;
}

.p-44 {
	padding: 44px;
}

.pl-44 {
	padding-left: 44px;
}

.pr-44 {
	padding-right: 44px;
}

.pt-44 {
	padding-top: 44px;
}

.pb-44 {
	padding-bottom: 44px;
}

.p-45 {
	padding: 45px;
}

.pl-45 {
	padding-left: 45px;
}

.pr-45 {
	padding-right: 45px;
}

.pt-45 {
	padding-top: 45px;
}

.pb-45 {
	padding-bottom: 45px;
}

.p-46 {
	padding: 46px;
}

.pl-46 {
	padding-left: 46px;
}

.pr-46 {
	padding-right: 46px;
}

.pt-46 {
	padding-top: 46px;
}

.pb-46 {
	padding-bottom: 46px;
}

.p-47 {
	padding: 47px;
}

.pl-47 {
	padding-left: 47px;
}

.pr-47 {
	padding-right: 47px;
}

.pt-47 {
	padding-top: 47px;
}

.pb-47 {
	padding-bottom: 47px;
}

.p-48 {
	padding: 48px;
}

.pl-48 {
	padding-left: 48px;
}

.pr-48 {
	padding-right: 48px;
}

.pt-48 {
	padding-top: 48px;
}

.pb-48 {
	padding-bottom: 48px;
}

.p-49 {
	padding: 49px;
}

.pl-49 {
	padding-left: 49px;
}

.pr-49 {
	padding-right: 49px;
}

.pt-49 {
	padding-top: 49px;
}

.pb-49 {
	padding-bottom: 49px;
}

.p-50 {
	padding: 50px;
}

.pl-50 {
	padding-left: 50px;
}

.pr-50 {
	padding-right: 50px;
}

.pt-50 {
	padding-top: 50px;
}

.pb-50 {
	padding-bottom: 50px;
}

.p-51 {
	padding: 51px;
}

.pl-51 {
	padding-left: 51px;
}

.pr-51 {
	padding-right: 51px;
}

.pt-51 {
	padding-top: 51px;
}

.pb-51 {
	padding-bottom: 51px;
}

.p-52 {
	padding: 52px;
}

.pl-52 {
	padding-left: 52px;
}

.pr-52 {
	padding-right: 52px;
}

.pt-52 {
	padding-top: 52px;
}

.pb-52 {
	padding-bottom: 52px;
}

.p-53 {
	padding: 53px;
}

.pl-53 {
	padding-left: 53px;
}

.pr-53 {
	padding-right: 53px;
}

.pt-53 {
	padding-top: 53px;
}

.pb-53 {
	padding-bottom: 53px;
}

.p-54 {
	padding: 54px;
}

.pl-54 {
	padding-left: 54px;
}

.pr-54 {
	padding-right: 54px;
}

.pt-54 {
	padding-top: 54px;
}

.pb-54 {
	padding-bottom: 54px;
}

.p-55 {
	padding: 55px;
}

.pl-55 {
	padding-left: 55px;
}

.pr-55 {
	padding-right: 55px;
}

.pt-55 {
	padding-top: 55px;
}

.pb-55 {
	padding-bottom: 55px;
}

.p-56 {
	padding: 56px;
}

.pl-56 {
	padding-left: 56px;
}

.pr-56 {
	padding-right: 56px;
}

.pt-56 {
	padding-top: 56px;
}

.pb-56 {
	padding-bottom: 56px;
}

.p-57 {
	padding: 57px;
}

.pl-57 {
	padding-left: 57px;
}

.pr-57 {
	padding-right: 57px;
}

.pt-57 {
	padding-top: 57px;
}

.pb-57 {
	padding-bottom: 57px;
}

.p-58 {
	padding: 58px;
}

.pl-58 {
	padding-left: 58px;
}

.pr-58 {
	padding-right: 58px;
}

.pt-58 {
	padding-top: 58px;
}

.pb-58 {
	padding-bottom: 58px;
}

.p-59 {
	padding: 59px;
}

.pl-59 {
	padding-left: 59px;
}

.pr-59 {
	padding-right: 59px;
}

.pt-59 {
	padding-top: 59px;
}

.pb-59 {
	padding-bottom: 59px;
}

.p-60 {
	padding: 60px;
}

.pl-60 {
	padding-left: 60px;
}

.pr-60 {
	padding-right: 60px;
}

.pt-60 {
	padding-top: 60px;
}

.pb-60 {
	padding-bottom: 60px;
}

.p-61 {
	padding: 61px;
}

.pl-61 {
	padding-left: 61px;
}

.pr-61 {
	padding-right: 61px;
}

.pt-61 {
	padding-top: 61px;
}

.pb-61 {
	padding-bottom: 61px;
}

.p-62 {
	padding: 62px;
}

.pl-62 {
	padding-left: 62px;
}

.pr-62 {
	padding-right: 62px;
}

.pt-62 {
	padding-top: 62px;
}

.pb-62 {
	padding-bottom: 62px;
}

.p-63 {
	padding: 63px;
}

.pl-63 {
	padding-left: 63px;
}

.pr-63 {
	padding-right: 63px;
}

.pt-63 {
	padding-top: 63px;
}

.pb-63 {
	padding-bottom: 63px;
}

.p-64 {
	padding: 64px;
}

.pl-64 {
	padding-left: 64px;
}

.pr-64 {
	padding-right: 64px;
}

.pt-64 {
	padding-top: 64px;
}

.pb-64 {
	padding-bottom: 64px;
}

.p-65 {
	padding: 65px;
}

.pl-65 {
	padding-left: 65px;
}

.pr-65 {
	padding-right: 65px;
}

.pt-65 {
	padding-top: 65px;
}

.pb-65 {
	padding-bottom: 65px;
}

.p-66 {
	padding: 66px;
}

.pl-66 {
	padding-left: 66px;
}

.pr-66 {
	padding-right: 66px;
}

.pt-66 {
	padding-top: 66px;
}

.pb-66 {
	padding-bottom: 66px;
}

.p-67 {
	padding: 67px;
}

.pl-67 {
	padding-left: 67px;
}

.pr-67 {
	padding-right: 67px;
}

.pt-67 {
	padding-top: 67px;
}

.pb-67 {
	padding-bottom: 67px;
}

.p-68 {
	padding: 68px;
}

.pl-68 {
	padding-left: 68px;
}

.pr-68 {
	padding-right: 68px;
}

.pt-68 {
	padding-top: 68px;
}

.pb-68 {
	padding-bottom: 68px;
}

.p-69 {
	padding: 69px;
}

.pl-69 {
	padding-left: 69px;
}

.pr-69 {
	padding-right: 69px;
}

.pt-69 {
	padding-top: 69px;
}

.pb-69 {
	padding-bottom: 69px;
}

.p-70 {
	padding: 70px;
}

.pl-70 {
	padding-left: 70px;
}

.pr-70 {
	padding-right: 70px;
}

.pt-70 {
	padding-top: 70px;
}

.pb-70 {
	padding-bottom: 70px;
}

.p-71 {
	padding: 71px;
}

.pl-71 {
	padding-left: 71px;
}

.pr-71 {
	padding-right: 71px;
}

.pt-71 {
	padding-top: 71px;
}

.pb-71 {
	padding-bottom: 71px;
}

.p-72 {
	padding: 72px;
}

.pl-72 {
	padding-left: 72px;
}

.pr-72 {
	padding-right: 72px;
}

.pt-72 {
	padding-top: 72px;
}

.pb-72 {
	padding-bottom: 72px;
}

.p-73 {
	padding: 73px;
}

.pl-73 {
	padding-left: 73px;
}

.pr-73 {
	padding-right: 73px;
}

.pt-73 {
	padding-top: 73px;
}

.pb-73 {
	padding-bottom: 73px;
}

.p-74 {
	padding: 74px;
}

.pl-74 {
	padding-left: 74px;
}

.pr-74 {
	padding-right: 74px;
}

.pt-74 {
	padding-top: 74px;
}

.pb-74 {
	padding-bottom: 74px;
}

.p-75 {
	padding: 75px;
}

.pl-75 {
	padding-left: 75px;
}

.pr-75 {
	padding-right: 75px;
}

.pt-75 {
	padding-top: 75px;
}

.pb-75 {
	padding-bottom: 75px;
}

.p-76 {
	padding: 76px;
}

.pl-76 {
	padding-left: 76px;
}

.pr-76 {
	padding-right: 76px;
}

.pt-76 {
	padding-top: 76px;
}

.pb-76 {
	padding-bottom: 76px;
}

.p-77 {
	padding: 77px;
}

.pl-77 {
	padding-left: 77px;
}

.pr-77 {
	padding-right: 77px;
}

.pt-77 {
	padding-top: 77px;
}

.pb-77 {
	padding-bottom: 77px;
}

.p-78 {
	padding: 78px;
}

.pl-78 {
	padding-left: 78px;
}

.pr-78 {
	padding-right: 78px;
}

.pt-78 {
	padding-top: 78px;
}

.pb-78 {
	padding-bottom: 78px;
}

.p-79 {
	padding: 79px;
}

.pl-79 {
	padding-left: 79px;
}

.pr-79 {
	padding-right: 79px;
}

.pt-79 {
	padding-top: 79px;
}

.pb-79 {
	padding-bottom: 79px;
}

.p-80 {
	padding: 80px;
}

.pl-80 {
	padding-left: 80px;
}

.pr-80 {
	padding-right: 80px;
}

.pt-80 {
	padding-top: 80px;
}

.pb-80 {
	padding-bottom: 80px;
}

.p-81 {
	padding: 81px;
}

.pl-81 {
	padding-left: 81px;
}

.pr-81 {
	padding-right: 81px;
}

.pt-81 {
	padding-top: 81px;
}

.pb-81 {
	padding-bottom: 81px;
}

.p-82 {
	padding: 82px;
}

.pl-82 {
	padding-left: 82px;
}

.pr-82 {
	padding-right: 82px;
}

.pt-82 {
	padding-top: 82px;
}

.pb-82 {
	padding-bottom: 82px;
}

.p-83 {
	padding: 83px;
}

.pl-83 {
	padding-left: 83px;
}

.pr-83 {
	padding-right: 83px;
}

.pt-83 {
	padding-top: 83px;
}

.pb-83 {
	padding-bottom: 83px;
}

.p-84 {
	padding: 84px;
}

.pl-84 {
	padding-left: 84px;
}

.pr-84 {
	padding-right: 84px;
}

.pt-84 {
	padding-top: 84px;
}

.pb-84 {
	padding-bottom: 84px;
}

.p-85 {
	padding: 85px;
}

.pl-85 {
	padding-left: 85px;
}

.pr-85 {
	padding-right: 85px;
}

.pt-85 {
	padding-top: 85px;
}

.pb-85 {
	padding-bottom: 85px;
}

.p-86 {
	padding: 86px;
}

.pl-86 {
	padding-left: 86px;
}

.pr-86 {
	padding-right: 86px;
}

.pt-86 {
	padding-top: 86px;
}

.pb-86 {
	padding-bottom: 86px;
}

.p-87 {
	padding: 87px;
}

.pl-87 {
	padding-left: 87px;
}

.pr-87 {
	padding-right: 87px;
}

.pt-87 {
	padding-top: 87px;
}

.pb-87 {
	padding-bottom: 87px;
}

.p-88 {
	padding: 88px;
}

.pl-88 {
	padding-left: 88px;
}

.pr-88 {
	padding-right: 88px;
}

.pt-88 {
	padding-top: 88px;
}

.pb-88 {
	padding-bottom: 88px;
}

.p-89 {
	padding: 89px;
}

.pl-89 {
	padding-left: 89px;
}

.pr-89 {
	padding-right: 89px;
}

.pt-89 {
	padding-top: 89px;
}

.pb-89 {
	padding-bottom: 89px;
}

.p-90 {
	padding: 90px;
}

.pl-90 {
	padding-left: 90px;
}

.pr-90 {
	padding-right: 90px;
}

.pt-90 {
	padding-top: 90px;
}

.pb-90 {
	padding-bottom: 90px;
}

.p-91 {
	padding: 91px;
}

.pl-91 {
	padding-left: 91px;
}

.pr-91 {
	padding-right: 91px;
}

.pt-91 {
	padding-top: 91px;
}

.pb-91 {
	padding-bottom: 91px;
}

.p-92 {
	padding: 92px;
}

.pl-92 {
	padding-left: 92px;
}

.pr-92 {
	padding-right: 92px;
}

.pt-92 {
	padding-top: 92px;
}

.pb-92 {
	padding-bottom: 92px;
}

.p-93 {
	padding: 93px;
}

.pl-93 {
	padding-left: 93px;
}

.pr-93 {
	padding-right: 93px;
}

.pt-93 {
	padding-top: 93px;
}

.pb-93 {
	padding-bottom: 93px;
}

.p-94 {
	padding: 94px;
}

.pl-94 {
	padding-left: 94px;
}

.pr-94 {
	padding-right: 94px;
}

.pt-94 {
	padding-top: 94px;
}

.pb-94 {
	padding-bottom: 94px;
}

.p-95 {
	padding: 95px;
}

.pl-95 {
	padding-left: 95px;
}

.pr-95 {
	padding-right: 95px;
}

.pt-95 {
	padding-top: 95px;
}

.pb-95 {
	padding-bottom: 95px;
}

.p-96 {
	padding: 96px;
}

.pl-96 {
	padding-left: 96px;
}

.pr-96 {
	padding-right: 96px;
}

.pt-96 {
	padding-top: 96px;
}

.pb-96 {
	padding-bottom: 96px;
}

.p-97 {
	padding: 97px;
}

.pl-97 {
	padding-left: 97px;
}

.pr-97 {
	padding-right: 97px;
}

.pt-97 {
	padding-top: 97px;
}

.pb-97 {
	padding-bottom: 97px;
}

.p-98 {
	padding: 98px;
}

.pl-98 {
	padding-left: 98px;
}

.pr-98 {
	padding-right: 98px;
}

.pt-98 {
	padding-top: 98px;
}

.pb-98 {
	padding-bottom: 98px;
}

.p-99 {
	padding: 99px;
}

.pl-99 {
	padding-left: 99px;
}

.pr-99 {
	padding-right: 99px;
}

.pt-99 {
	padding-top: 99px;
}

.pb-99 {
	padding-bottom: 99px;
}

.p-100 {
	padding: 100px;
}

.pl-100 {
	padding-left: 100px;
}

.pr-100 {
	padding-right: 100px;
}

.pt-100 {
	padding-top: 100px;
}

.pb-100 {
	padding-bottom: 100px;
}

.h-100 {
	height: 100%;
}

.w-100 {
	width: 100%;
}

#style_container .content_header {
	height: 60px;
	background-color: #333;
	overflow: hidden;
	color: #fff;
	padding: 0 20px;
	line-height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#style_container .content_header>div {
	float: left;
}

#style_container .content_header>div .projectname {
	float: right;
}

#style_container .content_header .logo h1 {
	font-size: 18px;
	font-weight: 500;
}

#style_container .content_header .logo p {
	font-size: 16px;
}

#style_container .content_body {
	padding: 20px;
}

#style_container .maintit {
	width: 100%;
	height: 56px;
	background-color: #444;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 56px;
	padding: 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#style_container .maintit .ing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px;
}

#style_container .maintit .ing span+span {
	margin-left: 20px;
}

#style_container .se_section01 .info {
	margin: 10px 0 20px 0;
}

#style_container .se_section01 .tbl table th,#style_container .se_section01 .tbl table td {
	height: 36px;
	font-size: 14px;
	padding: 3px 10px;
	border-right: 1px solid #eee;
}

#style_container .se_section01 .tbl table th {
	border-bottom: 1px solid #444;
}

#style_container .se_section01 .tbl table td {
	border-bottom: 1px solid #eee;
}

#style_container .se_section01 .tbl table td.col_1depth {
	font-weight: 700;
}

#style_container .se_section01 .tbl table td a {
	border-bottom: 1px solid #333;
}

#style_container .cont_sub {
	max-width: 1200px;
	margin: 0 auto;
}

#style_container .cont_sub .subOnetit {
	font-size: 28px;
	font-weight: 500;
	margin: 30px 0 20px 0;
}

#style_container .cont_sub .subTwotit {
	font-size: 25px;
	font-weight: 300;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

#style_container .cont_sub .subTrdtit {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 5px;
}

#style_container .cont_sub .subFourtit {
	font-size: 17px;
	margin-bottom: 5px;
	font-weight: 300;
}

#style_container .cont_sub section {
	margin: 20px 0 35px 0;
}

#style_container .cont_sub .control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#style_container .cont_sub .area {
	margin-bottom: 15px;
}

#style_container .cont_sub .area:last-of-type {
	margin-bottom: 0;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.gnb ul.node1-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.gnb .node1-item {
	padding: 0 10px;
	text-align: center;
}

.gnb .node1-link {
	height: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	color: #fff;
	font-size: 19px;
}

.gnb.gnb-fulldown .node1-item {
	padding: 0;
}

.gnb-dropdown .node1-list {
	position: relative;
	white-space: nowrap;
	margin: 0 -10px;
}

.gnb-dropdown .node3-item {
	padding: 0 15px;
}

.gnb-dropdown .node3-item+.node3-item {
	margin-top: 10px;
}

.gnb-dropdown .node3-item .node3-link:hover {
	color: #0094f6;
	text-decoration: underline;
}

.gnb-dropdown .node1-item {
	display: inline-table;
	position: relative;
	padding: 0 20px;
}

.gnb-dropdown .node2-menu {
	display: none;
	position: absolute;
	left: 50%;
	top: 100%;
	z-index: 100;
	width: 210px;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	text-align: left;
	font-size: 16px;
	-webkit-box-shadow: 2px 2px 10px #505050;
	box-shadow: 2px 2px 10px #505050;
}

.gnb-dropdown .node2-list {
	padding: 10px 0;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #ddd;
}

.gnb-dropdown .node2-link {
	display: block;
	padding: 0 15px;
	line-height: 24px;
	font-size: 15px;
	color: #333;
}

.gnb-dropdown .node2-item.is-active.open,.gnb-dropdown .node2-item.is-current.open {
	background-image: url("../img/common/ico_gnb_arrow_hover.png");
	background-position: 95%;
	background-repeat: no-repeat;
}

.gnb-dropdown .node2-item.is-active>.node2-link,.gnb-dropdown .node2-item.is-current>.node2-link {
	color: #0094f6;
	font-weight: 700;
}

.gnb-dropdown .is-active .node1-link {
	position: relative;
	color: #406bf8;
}

.gnb-dropdown .is-active .node1-link:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 5px;
	height: 100%;
	background-color: #406bf8;
	right: -5px;
	top: 0;
}

.gnb-dropdown .is-active .node2-menu {
	display: block;
}

.gnb-dropdown .node2-item {
	position: relative;
}

.gnb-dropdown .node2-item+.node2-item {
	margin-top: 10px;
}

.gnb-dropdown .node2-item.open {
	background-image: url("../img/common/ico_gnb_arrow.png");
	background-position: 95%;
	background-repeat: no-repeat;
}

.gnb-dropdown .node3-menu {
	position: absolute;
	left: 100%;
	top: 0;
	display: none;
	text-align: left;
	width: 200px;
	white-space: normal;
	font-size: 15px;
	-webkit-box-shadow: 2px 2px 10px #505050;
	box-shadow: 2px 2px 10px #505050;
	background-color: #fff;
	padding: 10px 0;
}

.gnb-fulldown {
	position: relative;
	height: 30px;
}

.gnb-fulldown .node1-list {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
	z-index: 11;
}

.gnb-fulldown .node1-item {
	text-align: center;
}

.gnb-fulldown .node1-item.is-active {
	background-color: #fff;
}

.gnb-fulldown .node1-item.is-active .node1-link:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px;
	height: 2px;
	background-color: #000;
}

.gnb-fulldown .node1-link {
	display: block;
	position: relative;
	padding: 0 25px;
	line-height: 30px;
}

.gnb-fulldown .node2-menu {
	text-align: left;
	display: none;
	width: 100%;
	height: 100%;
}

.gnb-fulldown .node2-link {
	display: block;
	padding: 0 15px;
	line-height: 22px;
	font-size: 12px;
	text-align: center;
}

.gnb-fulldown .gnb-bg {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 10;
	background-color: #eee;
	height: 0;
}

.gnb-fulldown.is-active .gnb-bg {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-webkit-animation: dropdown-active 0.1s;
	animation: dropdown-active 0.1s;
}

.gnb-fulldown.is-active .node2-menu {
	display: block;
	-webkit-animation: dropdown-active 0.1s;
	animation: dropdown-active 0.1s;
}

.input.datepicker {
	display: inline-block;
	max-width: 100%;
	background-image: url("../img/board/ico_Date.png");
	background-position: 95% center;
	background-repeat: no-repeat;
	background-color: #fff;
}

@media screen and (max-width: 640px) {
	.input.datepicker.effect1 {
		font-size: 13px;
	}
}

#ui-datepicker-div {
	display: none;
	background: #fff;
	z-index: 9999 !important;
	border: 1px solid #eee;
}

#ui-datepicker-div .ui-datepicker-title {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#ui-datepicker-div .ui-datepicker-title select {
	width: 65px;
	height: 25px;
	margin-left: 5px;
	font-size: 1rem;
	background-image: url("../img/board/ico_datepickerarrow.png");
	background-position: 90%;
	background-repeat: no-repeat;
	padding: 0 0 0 5px;
}

#ui-datepicker-div .ui-datepicker-title:first-child {
	margin-left: 0;
}

#ui-datepicker-div .ui-widget-header {
	background-color: #0172ce;
}

#ui-datepicker-div .ui-state-hover .ui-icon,#ui-datepicker-div .ui-state-focus .ui-icon {
	background-image: none;
}

.ui-datepicker {
	position: relative;
	padding: 5px;
}

.ui-datepicker table {
	width: 100%;
	font-size: 12px;
}

.ui-datepicker table th {
	height: 24px;
	color: #000;
	line-height: 24px;
	font-weight: 500;
	font-size: 1rem;
	padding: 0;
	font-size: 11px;
}

.ui-datepicker table td {
	width: 14.2857%;
	height: 22px;
	text-align: center;
}

.ui-datepicker table td a {
	display: block;
	text-align: center;
	margin: 0 auto;
	font-size: 1rem;
	font-weight: 300;
	width: auto;
	height: 25px;
	font-size: 13px;
}

.ui-datepicker table td a.ui-state-active {
	border: 1px solid #fed22f;
	background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
	color: #363636;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.ui-datepicker table td span {
	color: #ddd;
}

.ui-datepicker table td.date-holiday a {
	color: #eb3c3c;
}

.ui-datepicker table td:first-child * {
	color: #eb3c3c;
}

.ui-datepicker table td:last-child * {
	color: #3084c6;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
}

.ui-datepicker .ui-datepicker-title {
	height: 30px;
	line-height: 27px;
	font-weight: bold;
	color: #000;
	letter-spacing: -1px;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
	color: #000;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 50%;
	top: 1px;
	line-height: 26px;
	border-radius: 2px;
	text-indent: -9999em;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
	background-image: url("../img/board/ico_Dateprev.png");
	background-position: center;
	background-repeat: no-repeat;
}

.ui-datepicker .ui-datepicker-prev:hover {
	top: 2px;
	left: 2px;
	border: none;
	background-color: rgba(0, 0, 0, 0);
	background-image: url("../img/board/ico_Dateprev.png");
	background-position: center;
	background-repeat: no-repeat;
}

.ui-datepicker .ui-datepicker-next {
	margin-left: 39%;
	background-image: url("../img/board/ico_Datenext.png");
	background-position: center;
	background-repeat: no-repeat;
}

.ui-datepicker .ui-datepicker-next:hover {
	top: 2px;
	border: none;
	background-color: rgba(0, 0, 0, 0);
	background-image: url("../img/board/ico_Datenext.png");
	background-position: center;
	background-repeat: no-repeat;
}

#pnlStyleContainer .calendar-header {
	width: 100%;
	height: 40px !important;
}

#pnlStyleContainer .calendar-header .button {
	text-indent: -999999px;
}

#pnlStyleContainer .calendar-header .button:hover {
	background-color: rgba(0, 0, 0, 0) !important;
}

#pnlStyleContainer .calendar-header .button.left:before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-image: url("../img/board/ico_calendarPrev.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	left: 8px;
	top: 9px;
}

#pnlStyleContainer .calendar-header .button.right:before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-image: url("../img/board/ico_calendarNext.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	left: 8px;
	top: 9px;
}

#wrap .calendar .calendar-frame tbody td:not(.disabled):hover {
	background: #fef5a4;
	color: #000;
}

#wrap .calendar .calendar-frame tbody td.today {
	background: #fef5a4;
	color: #000;
}

#wrap .calendar table td {
	background: #f8f8f8;
	border: 1px solid #fefefe;
}

.ui-datepicker .ui-datepicker-title {
	height: 25px;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
	left: auto;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
	top: 6px;
}

.ui-datepicker .ui-datepicker-prev:hover {
	top: 6px;
	left: auto;
}

.ui-datepicker .ui-datepicker-next {
	right: 0;
}

.ui-datepicker .ui-datepicker-next:hover {
	top: 6px;
	left: auto;
	right: 0;
}

input::-webkit-input-placeholder {
	color: #aaa;
}

input:-moz-placeholder {
	color: #aaa;
}

input::-ms-placeholder {
	color: #aaa;
}

input::-o-placeholder {
	color: #aaa;
}

@media screen and (max-width: 640px) {
	input::-webkit-input-placeholder {
		font-size: 12px;
	}

	input:-moz-placeholder {
		font-size: 12px;
	}

	input::-ms-placeholder {
		font-size: 12px;
	}

	input::-o-placeholder {
		font-size: 12px;
	}
}

/*
hr {
	height: 1px;
	border: 0 none;
	color: #aaa;
	background-color: #aaa;
}
*/

hr.gray_line {
	height: 0;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin:0;
}

hr.gray_vertical_line {
	height: 100%;
	border: 0;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	margin: 0;
}

.blind {
	width: 1px;
	height: 1px;
	position: fixed;
	overflow: hidden;
	border: 0;
	margin: -1px;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
}

.input {
	height: 30px !important;
}

.input:hover {
	border-color: #0172ce !important;
}

.input.effect1 {
	height: 37px;
	padding: 0 10px;
	font-size: 15px;
	border: 1px solid #aaaaaa;
	border-radius: 5px;
}

.input.rightlabel {
	width: calc(100% - 25px);
	text-align:right; 
	margin-right: 5px;
}

.input.effect2 {
	height: 37px;
	padding: 0 10px;
	font-size: 15px;
	border: 1px solid #aaaaaa;
	background-color: #f5f5f5;
}

.input[readonly],.input[disabled] {
	background: #e4e4e4;
	border-color: #e4e4e4;
}

.input.effectauto {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

@media screen and (max-width: 640px) {
	.input {
		width: 100% !important;
		height: 33px !important;
	}
}

select::-ms-expand {
	display: none;
}
/* 
.select {
	height: 35px !important;
}
 */
.select.effect1 {
	height: 30px;
	border: 1px solid #aaaaaa;
	background-image: url("../img/board/ico_select_effect1_b.png");
	background-position: right 10px center;
	background-repeat: no-repeat;
	border-radius: 5px;
	padding: 0 30px 0 10px;
	font-size: 15px;
	color: #666666;
}

.select.effect2 {
	height: 37px;
	border: 1px solid #aaaaaa;
	background-image: url("../img/board/ico_select_effect1_b.png");
	background-position: right 10px center;
	background-repeat: no-repeat;
	padding: 0 30px 0 10px;
	font-size: 15px;
	color: #666666;
	background-color: #f5f5f5;
}

.select.effect3 {
	height: 32px !important;
	border: 1px solid #adc0ff;
	background-image: url("../img/board/ico_select_effect1_b.png");
	background-position: right 10px center;
	background-repeat: no-repeat;
	border-radius: 5px;
	padding: 0 30px 0 10px;
	font-size: 15px;
	color: #666666;
}

.sigungu {
	width : 145px;
}

.select[aria-readonly='true'] {
	pointer-events: none;
	background-color: #e4e4e4;
	border-color: #e4e4e4;
}

.select:disabled {
	background-color: #e4e4e4;
	border-color: #e4e4e4;
}

.select+.select {
	margin-left: 5px;
}

@media screen and (max-width: 640px) {
	.select {
		height: 30px !important;
		font-size: 14px !important;
		width: 100%;
	}
}

.check.effect1 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	margin: 5px;
	line-height: 1;
}

.check.effect1 label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	min-width: 20px;
	min-height: 20px;
	font-size: 15px;
	line-height: 20px;
}

.check.effect1 label:before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 19px;
	height: 19px;
	border: 1px solid #aaaaaa;
	background: #fff;
}

.check.effect1 label:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

.check.effect1 label span {
	display: inline-block;
	padding-left: 28px;
}

.check.effect1>input {
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: inline-block;
	clear: both;
}

.check.effect1>input:checked {
	border-color: #0172ce;
}

.check.effect1>input:checked+label:after {
	left: 5px;
	top: 5px;
	width: 8px;
	height: 5px;
	background: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	border-left: 2px solid #0172ce;
	border-bottom: 2px solid #0172ce;
}

.check.effect1>input:checked:focus,.check.effect1>input:checked:hover {
	border-color: #0172ce;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.check.effect1>input:focus+label:before {
	border: 1px solid #aaaaaa;
}

.check.effect1>input[disabled] {
	background-color: #e4e4e4;
}

.check.effect1>input[disabled]+label {
	color: #e4e4e4;
}

.check.effect1>input[disabled]+label:before {
	border-color: #e4e4e4;
}

.check.effect1>input[disabled]:focus,.check.effect1>input[disabled]:hover {
	border-color: #e4e4e4;
}

.check.effect1>input[disabled]:checked {
	border-color: #e4e4e4;
}

.check.effect1>input[disabled]:checked+labelafter {
	background: #e4e4e4;
}

.check.effect1>input[disabled]:checked:focus,.check.effect1>input[disabled]:checked:hover {
	border-color: #e4e4e4;
}

.check.effect1>input.is-focused,.check.effect1>input:hover,.check.effect1>input:focus {
	border-color: #333;
}

.check.alone {
	margin: 10px 0;
}

.check+.check {
	margin-left: 10px !important;
	width: 100px;
}

@media screen and (max-width: 768px) {
	.check.effect1 {
		margin: 5px 10px;
	}
}

@media screen and (max-width: 640px) {
	.check label {
		font-size: 14px !important;
	}
}

table .check.effect1 {
	margin: 0;
}

.check-effect1-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -10px;
}

.check-effect1-area .check.demo1 {
	margin: 10px;
}

@media screen and (max-width: 768px) {
	.check-effect1-area {
		margin: 1%;
	}
}

@media screen and (max-width: 640px) {
	.check-effect1-area {
		margin: 0;
	}
}

.radio.effect1 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	line-height: 1;
}

.radio.effect1 label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	min-width: 20px;
	min-height: 20px;
	font-size: 15px;
	line-height: 20px;
}

.radio.effect1 label span {
	display: inline-block;
	padding-left: 28px;
}

.radio.effect1 label:before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	left: 0;
	top: -1px;
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	border-radius: 50%;
	background: #fff;
}

.radio.effect1 label:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	left: 4px;
	top: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}

.radio.effect1>input {
	width: 20px;
	height: 20px;
	border: 1px solid #aaaaaa;
	background: #fff;
	border-radius: 50%;
	left: 1px;
	top: 1px;
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
}

.radio.effect1>input:checked {
	background-color: #fff;
	border-color: #0172ce;
}

.radio.effect1>input:checked+label:after {
	background: #0172ce;
	left: 5px;
	top: 4px;
}

.radio.effect1>input:checked:focus,.radio.effect1>input:checked:hover {
	border-color: #0172ce;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.radio.effect1>input.is-focused,.radio.effect1>input:hover,.radio.effect1>input:focus {
	border-color: #aaaaaa;
}

.radio.effect1>input[disabled] {
	background-color: #e4e4e4;
}

.radio.effect1>input[disabled]+label {
	color: #5b5b5b;
}

.radio.effect1>input[disabled]+label:before {
	border-color: #e4e4e4;
}

.radio.effect1>input[disabled].focus,.radio.effect1>input[disabled].hover {
	background-color: #e4e4e4;
}

.radio.effect1>input[disabled]:checked {
	border-color: #e4e4e4;
}

.radio.effect1>input[disabled]:checked+label:after {
	background: #9e9e9e;
}

.radio.effect1>input[disabled]:checked:focus,.radio.effect1>input[disabled]:checked:hover {
	border-color: #e4e4e4;
}

@media screen and (max-width: 640px) {
	.radio.effect1 label {
		font-size: 13px;
	}
}

.radio+.radio {
	margin-left: 20px;
}

@media screen and (max-width: 640px) {
	.radio label {
		font-size: 14px !important;
	}

	.radio+.radio {
		margin-left: 5px;
	}
}

.radio-effect1-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* 2023.02.15 height: 100% 추가 / 황재승 */
textarea.texta.effect1 {
	border: 1px solid #aaaaaa;
	border-radius: 5px;
	width: 100%;
	height: 100%;
	line-height: 1.5;
	padding: 5px;
	font-size: 14px;
}

textarea.texta.effect1:focus,textarea.texta.effect1:hover,textarea.texta.effect1.is-focused {
	border-color: #0172ce;
}

.file_input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.file_input label {
	border: 1px solid #aaaaaa;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	background-color: #5c5c5c;
	color: #fff;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 37px;
	border-radius: 10px;
	margin-left: 5px;
	width: 100px;
}

.file_input label input {
	width: 0;
	height: 0;
	position: absolute;
	overflow: hidden;
}

.file_input input[type=text] {
	vertical-align: middle;
	display: inline-table;
	font-size: 11px;
	padding: 0;
}

.file_input [type="file"] {
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	position: absolute;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0 none;
}

.file_input>label>span {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	z-index: 1;
}

@media screen and (max-width: 640px) {
	.file_input label {
		height: auto;
		font-size: 14px;
	}
}

.file-focus {
	outline: 1px dotted #000;
}

.form {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.form>div:not(:first-of-type) {
	margin-left: 10px;
}

.form.vertical+.vertical {
	margin-top: 5px;
}

.form .form-title label {
	font-size: 16px;
	font-weight: 700;
}

.form .form-desc.errored p {
	color: #eb3c3c;
}

.form .form-desc p {
	line-height: 30px;
	font-size: 14px;
}

.form .form-controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.form .form-controls .row {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.form .form-controls .row+.row {
	margin-top: 5px;
}

.form .form-controls .row .input {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.form .address {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.form .address .addinr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 5px;
	width: 100%;
}

.form .address .addinr>* {
	margin: 0 !important;
}

.form .address .addinr .row:first-child {
	-webkit-box-flex: 0.5;
	-ms-flex: 0.5;
	flex: 0.5;
}

.form .address .addinr .row:first-child .btn {
	margin: 0 5px;
}

.form .address .addinr .row:last-child {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.form.effect1 {
	margin: 40px 0;
}

.form.effect1 .form-controls {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.form.effect1 .select {
	width: 170px;
}

.form.effect1 .input {
	margin: 0 10px;
	width: 360px;
}

@media screen and (max-width: 640px) {
	.form.effect1 {
		margin: 20px 0;
	}

	.form.effect1 .select {
		width: 100%;
	}

	.form.effect1 .input {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.form .form-title label {
		font-size: 15px;
	}
}

@media screen and (max-width: 640px) {
	.form .form-controls.cardform {
		-webkit-box-orient: inherit;
		-webkit-box-direction: inherit;
		-ms-flex-direction: inherit;
		flex-direction: inherit;
	}

	.form .form-desc.errored {
		width: 100%;
		margin: 0;
	}

	.form .form-title label {
		font-size: 14px;
	}
}

.form-split {
	display: inline-block;
	min-width: 16px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.form-split {
		min-width: 5px;
	}
}

.onlie_form .input,.onlie_form .select {
	width: 100% !important;
}

.onlie_form .form-title {
	width: 100px;
}

.onlie_form .form-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

.onlie_form .grid>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

.onlie_form .grid>div+div {
	margin-left: 20px;
}

.onlie_form.effect1 sup {
	color: red;
}

.onlie_form.effect1 .onlinetit {
	text-align: right;
	color: #666666;
}

.onlie_form.effect1 form {
	border-top: 1px solid #dddddd;
	margin-top: 10px;
	padding-top: 30px;
}

.onlie_form.effect1 .vertical {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.onlie_form.effect1 .vertical+.vertical {
	margin-top: 20px;
}

.onlie_form.effect1 .form-title {
	width: 160px;
}

.onlie_form.effect1 .form-title label {
	font-size: 20px;
}

.onlie_form.effect1 .form-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.onlie_form.effect1 .form-body.flex1 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.onlie_form.effect1 .input {
	width: 400px;
}

.onlie_form.effect1 .threeinput .input {
	width: auto;
}

.onlie_form.effect1 .threeinput .input:nth-of-type(1) {
	width: 130px;
}

.onlie_form.effect1 .threeinput .input:nth-of-type(2) {
	width: 100px;
}

.onlie_form.effect1 .threeinput .input:nth-of-type(3) {
	width: 100px;
}

.onlie_form.effect1 .btn {
	margin-left: 10px;
}

.onlie_form.effect1 .radio-effect1-area {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.onlie_form.effect1 .column {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
}

.onlie_form.effect1 .column .input+.input {
	margin-top: 10px;
}

.onlie_form.effect1 .form-desc p {
	font-size: 16px;
	color: #999999;
}

.onlie_form.effect1 .rightbtnarea {
	padding-top: 30px;
}

@media screen and (max-width: 768px) {
	.onlie_form.effect1 .onlinetit {
		font-size: 14px;
	}

	.onlie_form.effect1 .vertical {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.onlie_form.effect1 .vertical+.vertical {
		margin-top: 10px;
	}

	.onlie_form.effect1 .form-title {
		margin-bottom: 5px;
	}

	.onlie_form.effect1 .form-body {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.onlie_form.effect1 .input {
		width: 100%;
	}

	.onlie_form.effect1 .input+.btn {
		margin-left: 0;
		margin-top: 5px;
	}

	.onlie_form.effect1 .form-title label {
		font-size: 15px;
	}

	.onlie_form.effect1 form {
		padding-top: 5px;
	}

	.onlie_form.effect1 .threeinput .input {
		width: auto;
	}

	.onlie_form.effect1 .threeinput .input:nth-of-type(1) {
		width: 25%;
	}

	.onlie_form.effect1 .threeinput .input:nth-of-type(2) {
		width: 25%;
	}

	.onlie_form.effect1 .threeinput .input:nth-of-type(3) {
		width: 25%;
	}

	.onlie_form.effect1 .form-split {
		font-size: 14px;
	}

	.onlie_form.effect1 .radio-effect1-area {
		margin-left: 0;
	}

	.onlie_form.effect1 .form-desc p {
		font-size: 13px;
		line-height: 23px;
	}

	.onlie_form.effect1 .form-controls+.radio-effect1-area {
		margin-top: 5px;
	}

	.onlie_form.effect1 .rightbtnarea {
		padding-top: 15px;
	}
}

@media screen and (max-width: 640px) {
	.onlie_form .form-title {
		width: 100%;
	}

	.onlie_form .form-body {
		width: 100%;
		margin: 0 !important;
	}
}

.centerbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tableskin {
	width: 100%;
}

.tbl-area {
	width: 100%;
}

.tbl-area .ellipsis {
	width: 500px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

@media screen and (max-width: 768px) {
	.tbl-area .ellipsis {
		width: 300px;
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
}

@media screen and (max-width: 640px) {
	.tbl-area .ellipsis {
		width: 150px;
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
}

@media screen and (max-width: 640px) {
	.tbl-area .hide {
		display: none;
	}
}

.tbl-area+.tbl-area {
	margin-top: 10px;
}

.tbl-area .select {
	height: 30px !important;
}

.tbl-area .check-effect1-area {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	float: unset;
}

.thleft th {
	text-align: left !important;
	padding: 0 5px;
}

@media screen and (max-width: 640px) {
	.table_640 col {
		width: auto !important;
	}
}

.tbl th,.tbl td {
	height: 31px;
}

.tbl2 th,.tbl2 td {
	height: 30px;
}

.tbl .select.effect1 {
	height: 30px;
}

.tbl .total th {
	background-color: #ffeaf0 !important;
}

.tbl .total td {
	background-color: lavenderblush;
}

.tbl.tablehover tr:hover {
	cursor: pointer;
	background: cornsilk;
}

/* 한상훈 추가 (tr 클릭시 색상변경) */
/* 
.tbl tr.selected {
	background: #fdd7a8;
}
 */
/* 한상훈 추가 (tr 다중클릭) */
.tbl tr.clicked {
	background: #fdd7a8;
}

/* 황재승 삭제처리(2023.03.03)
.tbl.effect1 {
	border: 1px solid #d7d7d7;
	border-bottom: 0;
}
*/

.tbl.effect1 th {
	color: #444444;
	border-right: 1px solid #d7d7d7;
}

.tbl.effect1 th,.tbl.effect1 td {
	font-size: 14px;
	border-bottom: 1px solid #d7d7d7;
}

.tbl.effect1 th {
	background-color: #dde1ed;
}

.tbl.effect1 td {
	padding: 5px;
	border-right: 1px solid #d7d7d7;
}

/* 
.tbl.effect1 td:last-of-type {
	border-right: 0;
}
 */

.tbl.effect1 .th-depth2 {
	background-color: #f6f8ff;
	text-align: left;
	padding: 0 5px;
}

.tbl.effect2 th {
	color: #d2543a;
	font-weight: 500;
}

.tbl.effect2 th,.tbl.effect2 td {
	font-size: 15px;
	height: 25px;
}

.tbl.effect2 td {
	text-align: left;
}

.tbl.effect2 .add_both dl {
	display: -ms-inline-flexbox;
	display: -webkit-inline-box;
	display: inline-flex;
}

.tbl.effect2 .add_both dl dt {
	margin-right: 5px;
}

.tbl.effect2 .add_both dl dt span {
	background-color: #e5e9ee;
	border: 1px solid #d4d4d4;
	width: 50px;
	display: inline-block;
	text-align: center;
	border-radius: 10px;
}

.tbl.effect2 .add_both dl+dl {
	margin-top: 3px;
}

.tbl.tdcenter td {
	text-align: center;
}

.tbl.hovertable tr:hover {
	cursor: pointer;
}

.tbl.hovertable tr:hover td {
	background-color: #eef6fe;
}

.tbl .tal {
	text-align: left !important;
}

/*
@media screen and (max-width: 640px) {

	.tbl th,	.tbl td {
		font-size: 15px !important;
		height: auto !important;
		padding: 5px !important;
		display: block;
		height: auto !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.tbl col {
		width: 100% !important;
	}

	.tbl.pc_table {
		overflow-x: auto;
	}

	.tbl.pc_table th,	.tbl.pc_table td {
		display: revert !important;
	}

	.tbl.pc_table col {
		width: auto !important;
	}

	.tbl.pc_table table.table700 {
		width: 700px;
	}
}
*/

/* 황재승 추가 (2023.03.03) */
.tac {
	word-break: break-all;
}

.scroll_wrapper {
	position: relative;
	margin-bottom: 12px;
}

.scroll_wrapper:before,.scroll_wrapper:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	z-index: 2;
}

.scroll_wrapper:before {
	top: 0;
}

.scroll_wrapper:before {
	bottom: 0;
}

.scroll_wrapper table thead {
	height: 30px;
}

.scroll_wrapper table thead tr {
	height: 1px;
}

.scroll_wrapper table thead tr th {
	height: 1px;
}

.scroll_wrapper table tfoot tr {
	height: 1px;
}

.scroll_wrapper table tfoot tr th,.scroll_wrapper table tfoot tr td {
	height: 1px;
}

.tbl_wrap {
	overflow: hidden;
	position: relative;
	z-index: 1;
	overflow-y: auto;
}

.tbl_wrap.FIX {
	max-height: 57.5vh;
}

.tbl_wrap.FIX table {
	max-height: 57.5vh;
}

.faux_wrap {
	position: absolute;
	top: -1px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-y: auto;
	height: auto;
}

.faux_wrap .tit {
	font-size: 14px;
}

.faux_wrap td {
	border-bottom: 0 !important;
}

.faux_wrap.FIX {
	max-height: 57.5vh;
}

.faux_wrap thead,.faux_wrap tfoot,.faux_wrap thead th,.faux_wrap tfoot th,.faux_wrap tfoot td {
	position: relative;
	z-index: 2;
}

.faux_wrap table {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	pointer-events: none;
}

.faux_wrap table thead {
	border-top: 1px solid #c9c9c9;
}

.faux_wrap table thead tr th {
	border: 1px solid #ddd;
	background-color: #ddd;
	height: 25px;
}

.faux_wrap table tbody {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	visibility: hidden;
}

.faux_wrap table tbody tr+tr th,.faux_wrap table tbody tr+tr td {
	line-height: 0;
}

.faux_wrap table tbody th,.faux_wrap table tbody td {
	padding: 0;
	margin: 0;
	line-height: 0.1;
}

.form.vertical {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

table .form-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

table .form-body .btn {
	width: 80px;
}

/* 황재승 추가 (2023.03.03) */
.table-collection {
	border: 1px solid #d7d7d7;
}

.table-collection.search {
	table-layout:fixed;
}

.table-collection.search input:only-child, 
.table-collection.search select:only-child, 
.table-collection.search textarea:only-child {
	min-width: unset !important;
	width: 100% !important;
}

.table-collection.search .th {
	width: 100px;
}

.table-collection.search .td {
	width: 150px;
}

.table-collection.search .td.double {
	width: 390px;
}

.table-collection.search .td.auto {
	width: auto;
}

@media all and (max-width: 1670px) {	
	.table-collection.search .th {
		width: 80px;
	}
	
	.table-collection.search .td {
		width: 130px;
	}
	
	.table-collection.search .td.double {
		width: 380px;
	}
	
	.table-collection.search select {
		padding: 0 26px 0 6px;
		
	}
	
	.table-collection.search input[type="date"] {
		width: 116px !important;
		padding: 0 6px;
		font-size: 14px !important;
	}
	
	.table-collection.search td:last-of-type input {
		width: 230px !important;
	}
}

@media all and (max-width: 1510px) {	
	.table-collection.search .th {
		width: 70px;
	}
	
	.table-collection.search .td {
		width: 120px;
	}
	
	.table-collection.search .td.double {
		width: 340px;
	}
	
	.table-collection.search select {
		padding: 0 24px 0 6px;
	}
	
	.table-collection.search input[type="date"] {
		width: 110px !important;
		padding: 0 6px;
		font-size: 14px !important;
	}
	
	.table-collection.search input[type="date"],
	.table-collection.search select,
	.table-collection.search input[type="text"],
	.table-collection.search input[type="search"],
	.table-collection.search button {
		height: 26px !important;
		line-height: 24px !important;
		font-size: 13px !important;
	}
	
	.table-collection.search select:not(:only-child) {
		width: 80px !important;
	}
	
	.table-collection.search td:last-of-type input {
		width: 150px !important;
	}
	
	.table-collection.search .td-search {
		padding: 0 !important;
		width: 60px !important;
	}
}


/* 박현진 추가 (2023.03.10) */
.table-overflow {
	overflow:auto;
}
.table-max-cont {
	width:max-content;
}

.bul>li {
	position: relative;
	padding-left: 20px;
}

.bul>li:before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

.bul>p {
	position: relative;
	padding-left: 15px;
}

.bul>p:before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

.bul.dash>p:before {
	content: "-";
}

.bul.bill>p:before {
	content: "※";
}

.bul.star>p:before {
	content: "*";
}

.bul.dott>p {
	line-height: 26px;
}

.bul.dott>p:before {
	background-color: #cecece;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	top: 9px;
	left: 2px;
}

.bul.num1 {
	counter-reset: num1;
}

.bul.num1>li:before {
	counter-increment: num1;
	content: counter(num1, decimal) ".";
}

.bul.num2 {
	counter-reset: num2;
}

.bul.num2>li:before {
	counter-increment: num2;
	content: "("counter(num2, decimal) ")";
}

.bul.num3 {
	counter-reset: num3;
}

.bul.num3>li:before {
	counter-increment: num3;
	content: counter(num3, decimal) ")";
}

.bul.num4>li:nth-child(1):before {
	content: "ⓐ";
}

.bul.eng1 {
	counter-reset: eng1;
}

.bul.eng1>li:before {
	counter-increment: eng1;
	content: counter(eng1, upper-alpha) ".";
}

.bul.eng2 {
	counter-reset: eng2;
}

.bul.eng2>li:before {
	counter-increment: eng2;
	content: "("counter(eng2, lower-alpha) ")";
}

.bul.eng3 {
	counter-reset: eng3;
}

.bul.eng3>li:before {
	counter-increment: eng3;
	content: counter(eng3, lower-alpha) ")";
}

.bul.eng4>li:nth-child(1):before {
	content: "①";
}

.bul.kor1>li {
	padding-left: 25px;
}

.bul.kor1>li:nth-child(1):before {
	content: "가"".";
}

.bul.kor2>li:nth-child(1):before {
	content: "(""가"")";
}

.bul.kor3>li:nth-child(1):before {
	content: "가"")";
}

.tablist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.tablist>li {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
}

.tablist>li>button {
	width: 100%;
}

@media screen and (max-width: 768px) {
	.tablist button {
		height: 35px !important;
		font-size: 15px !important;
		border-radius: 0 !important;
	}
}

@media screen and (max-width: 640px) {
	.tablist {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.tabarea_info>div {
	display: none;
}

.tabarea_info>div.on {
	display: block;
}

.tabletabarea_info>div {
	display: none;
	padding: 10px 0 5px 0;
}

.effect1 .tablist {
	border: 1px solid #eaeaea;
}

.effect1 .tablist button {
	height: 35px;
	background-color: rgba(0, 0, 0, 0);
	font-size: 20px;
	color: rgba(255, 255, 255, 0.5);
	font-weight: 500;
	padding: 3% 0;
}

.effect1 .tablist>li button {
	background-color: #fff;
	font-size: 16px;
	color: #767778;
}

.effect1 .tablist>li.on button {
	background-color: #3274e9;
	color: white;
}

.effect1 .tablist>li+li {
	border-left: 1px solid #eaeaea;
}

.effect1 .tabarea_info {
	padding-top: 10px;
}

.effect2 .tablist {
	border: 1px solid #eaeaea;
}

.effect2 .tablist button {
	height: 40px;
	background-color: rgba(0, 0, 0, 0);
	color: rgba(255, 255, 255, 0.5);
	font-weight: 500;
	padding: 3% 0;
}

.effect2 .tablist>li {
	width: auto;
}

.effect2 .tablist>li button {
	padding: 0 25px;
	background-color: #fff;
	font-size: 17px;
	color: #767778;
}

.effect2 .tablist>li.on button {
	background-color: #3274e9;
	color: white;
}

.effect2 .tablist>li+li {
	border-left: 1px solid #eaeaea;
}

.effect2 .tablist>li:last-child {
	border-right: 1px solid #eaeaea;
}

.effect2 .tabarea_info {
	padding: 10px;
	height: calc(100vh - 42px);
	overflow: auto;
}

.effect3 .tablist {
	background-color: #f7f7f7;
}

.effect3 .tablist .btn {
	background-color: #f7f7f7;
	height: 34px;
	font-size: 15px;
}

.effect3 .tablist>li {
	width: auto;
}

.effect3 .tablist>li button {
	padding: 0 25px;
	background-color: #fff;
	font-size: 17px;
	color: #767778;
}

.effect3 .tablist>li.on button {
	background-color: #f7f7f7;
	color: #4a6ff1;
	font-weight: 700;
}

.effect3 .tablist>li+li {
	border-left: 1px solid #eaeaea;
}

.effect3 .tablist>li:last-child {
	border-right: 1px solid #eaeaea;
}

.effect3 .tabarea_info {
	background-color: #f7f7f7;
	border: 1px solid #eaeaea;
}

.btn {
	position: relative;
}

.btn span {
	position: relative;
}

.btn:before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	left: 0;
	top: 0;
}

.btn:hover:before,.btn:active:before,.btn:focus:before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	width: 100%;
	z-index: 0;
}

.btn.effect1 {
	padding: 0 20px;
	height: 30px;
	font-size: 16px;
	background-color: "#eee";
	color: "#000";
}

@media screen and (max-width: 640px) {
	.btn.effect1 {
		height: 25px;
		font-size: 13px;
	}
}

.btn.effect1:hover:before {
	background-color: #dedede;
}

.btn.effect1.primary {
	padding: 0 20px;
	height: 30px;
	font-size: 16px;
	background-color: primary;
	color: "#000";
	background-color: #2496ee;
	color: #fff;
}

@media screen and (max-width: 640px) {
	.btn.effect1.primary {
		height: 25px;
		font-size: 13px;
	}
}

.btn.effect1.primary:hover:before {
	background-color: #1b85d7;
}

.btn.effect1.secondary {
	padding: 0 20px;
	height: 30px;
	font-size: 16px;
	background-color: secondary;
	color: "#000";
	background-color: #333;
	color: #fff;
}

@media screen and (max-width: 640px) {
	.btn.effect1.secondary {
		height: 25px;
		font-size: 13px;
	}
}

.btn.effect1.secondary:hover:before {
	background-color: #1d1d1d;
}

.btn.effect1.whitebtn {
	padding: 0 20px;
	height: 30px;
	font-size: 16px;
	background-color: whitebtn;
	color: "#000";
	background-color: #fff;
	border: 1px solid #cccccc;
	color: #000;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;
}

@media screen and (max-width: 640px) {
	.btn.effect1.whitebtn {
		height: 25px;
		font-size: 13px;
	}
}

.btn.effect1.whitebtn:hover {
	color: #0172ce;
}

.btn.effect1.whitebtn:hover:before {
	display: none;
	border-radius: 5px;
}

.btn.effect1.greybtn {
	padding: 0 20px;
	height: 30px;
	font-size: 16px;
	background-color: greybtn;
	color: "#000";
	background-color: #3e3e3e;
	border: 1px solid #cfcfcf;
	color: #fff;
	border-radius: 5px;
}

@media screen and (max-width: 640px) {
	.btn.effect1.greybtn {
		height: 25px;
		font-size: 13px;
	}
}

.btn.effect1.greybtn:hover:before {
	background-color: #202020;
	border-radius: 5px;
}

.btn.effect1.stylenone {
	padding: 0 20px;
	height: 30px;
	font-size: 16px;
	background-color: stylenone;
	color: "#000";
	background-color: #fff;
	color: #000;
	height: auto;
	padding: 0;
}

@media screen and (max-width: 640px) {
	.btn.effect1.stylenone {
		height: 25px;
		font-size: 13px;
	}
}

.btn.effect1.stylenone:hover:before {
	display: none;
}

.btn.effect1.cancelbtn {
	border-radius: 50px;
	height: 40px;
	padding: 0 30px;
}

.btn.effect1.cancelbtn:hover:before {
	display: none;
}

.btn.effect1.savebtn {
	border-radius: 50px;
	height: 40px;
	padding: 0 30px;
	background-color: #1e6696;
	color: #fff;
}

.btn.effect1.savebtn:hover:before {
	display: none;
}

.btn.effect1:disabled {
	padding: 0 20px;
	height: 30px;
	font-size: 16px;
	background-color: disabled;
	color: "#000";
	background-color: #aaa !important;
	color: #fff !important;
	cursor: default;
	border-radius: 10px;
}

@media screen and (max-width: 640px) {
	.btn.effect1:disabled {
		height: 25px;
		font-size: 13px;
	}
}

.btn.effect1:disabled:hover:before {
	display: none;
}

.btn.effect1.borderbtn {
	background-color: #fff;
	color: #303030;
	border: 1px solid #8c8c8c;
	border-radius: 3px;
	font-weight: 700;
	height: 30px;
}

.btn.effect1.borderbtn:before {
	display: none;
}

.btn.effect1.serachbtn {
	border-left: 1px solid #adc0ff;
	border-radius: 5px;
	background-color: #fff;
	padding: 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.btn.effect1.serachbtn.btnline {
	border: 1px solid #adc0ff;
}

.btn.effect1.serachbtn:before {
	display: none;
}

.btn.effect1.serachbtn span {
	background-image: url("../img/sub/ico_search.svg");
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}

.btn.effect1.serachbtn:before {
	display: none;
}

.btn.effect1.serachbtngray {
	width:45px;
	border-left: 1px solid #aaaaaa;
	border-radius: 5px; 
	background-color: #fff;
	padding: 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.btn.effect1.serachbtngray span {
	background-image: url("../img/sub/ico_search.svg");
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}

.btn.effect1.serachbtngray:before {
	display: none;
}

.btn.effect1.declarbtn {
	height: 35px;
	background-color: #f3f4fe;
	border: 1px solid #adc0ff;
	border-radius: 5px;
	font-size: 16px;
	color: #3274e9;
	font-weight: 700;
}

.btn.effect1.declarbtn:before {
	background-color: #dee0fa;
}

.btn.effect1.returnbtn {
	border: 1px solid #858585;
	background-color: #fff;
	border-radius: 5px;
	vertical-align: middle;
}

.btn.effect1.returnbtn:before {
	background-color: #eee;
	border-radius: 5px;
}

.btn.effect1.submitbtn {
	background-color: #1373EE;
	color: #fff;
	border-radius: 5px;
	vertical-align: middle;
}

.btn.effect1.submitbtn:before {
	background-color: #3349a6;
	border-radius: 5px;
}

.btn.effect1.editbtn {
	background-color: #eaefff;
	color: #666;
	border: 1px solid #aaa;
	border-radius: 5px;
	vertical-align: middle;
}

.btn.effect1.editbtn:before {
	background-color: #dfe0f9;
}

.btn.effect1.endbtn {
	background-color: #5b5b5b;
	color: #fff;
	border-radius: 5px;
}

.btn.effect1.endbtn:before {
	background-color: #333333;
	border-radius: 5px;
}

.leftbtn {
	display: block;
	left: 12px;
	position: absolute;
}

.btn.effect1.callbtn {
	background-color: #2d48d3;
	color: #fff;
	height: 25px;
	border-radius: 5px;
}

.btn.effect1.callbtn:before {
	display: none;
}

.btn.effect1.enlarbtn {
	background-color: #fff;
	padding: 0 8px;
	border: 1px solid #858585;
	border-radius: 3px;
	height: 26px;
}

.btn.effect1.enlarbtn .img {
	width: 15px;
	display: inline-block;
}

.btn.effect1.enlarbtn:before {
	display: none;
}

.btn.effect1.bluebtn {
	background-color: #61a9c4;
	border-radius: 5px;
	color: #fff;
}

.btn.effect1.bluebtn:before {
	display: none;
}

.btn.effect1.darkredbtn {
	background-color: #c46661;
	border-radius: 5px;
	color: #fff;
}

.btn.effect1.darkredbtn:before {
	display: none;
}

.btn.effect1.printbtn {
	background-color: #21b146;
	border-radius: 5px;
	color: #fff;
	vertical-align: middle;
}

.btn.effect1.printbtn:before {
	background-color: #1e993e;
	border-radius: 5px;
}

.btn.effect1.titleformbtn {
	border: 1px solid #ee0000;
	background-color: #fff;
	border-radius: 5px;
	color: #ee0000;
}

.btn.effect1.titleformbtn:before {
	background-color: #fee;
	border-radius: 5px;
}

.btn.effect1.titleformbtn:disabled {
	border: 1px solid #aaa;
}

.btn.effect1.findbtn {
	border: 1px solid #3274e9;
	background-color: #eceffd;
	border-radius: 5px;
	color: #3274e9;
	font-weight:700;
	vertical-align: middle;
}

.btn.effect1.findbtn:disabled {
	border: 1px solid #aaa;
}

.btn.effect1.findbtn:before {
	background-color: #dfe0f9;
	border-radius: 5px;
}

.btn.effect1.tablebtn {
	background-color: #262e4c;
	border-radius: 5px;
	color: #f6f8ff;
}

.btn.effect1.tablebtn:before {
	background-color: #3f4c7f;
	border-radius: 5px;
}

.btn.effect1.call-btn {
	border-radius: 5px;
	background-color: #ff0000;
	color: #fff;
	font-weight: 700;
	/* padding-left: 40px; */
}

.btn.effect1.call-btn:before {
	/* display: none; */
	border-radius: 5px;
	background-color: #cc0000;
}

.btn.effect1.call-btn::after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	/* background-image: url("../img/sub/ico_call_come.svg"); */
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	/* left: 15px; */
}

.btn.effect1.callvideobtn {
	background-color: #7ab656;
	border-radius: 5px;
	color: #fff;
	font-weight: 700;
	padding-left: 40px;
}

.btn.effect1.callvideobtn:before {
	display: none;
}

.btn.effect1.callvideobtn::after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-image: url("../img/sub/ico_call_go.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	left: 15px;
}

@media screen and (max-width: 768px) {
	.btn {
		height: 33px !important;
		font-size: 14px !important;
	}
}

.flexcenter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.leftbtnarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.centerbtnarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.rightbtnarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.fullbtnarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.fullbtnarea>.btn {
	width: 100%;
}

.verticalbtnarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
}

.beetweenbtnarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.beetweenbtnarea a.btn {
	display: -ms-inline-flexbox;
	display: -webkit-inline-box;
	display: inline-flex;
}

@media screen and (max-width: 640px) {
	.beetweenbtnarea {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
		margin-bottom: 5px;
	}
}

a.btn {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-inline-flexbox;
	display: -webkit-inline-box;
	display: inline-flex;
}

.btn+.btn {
	margin-left: 5px;
}

/* 
add : 2023-03-02
user : UI/UX
테이블 th span에 아이콘 13종 추가
start)
*/
.ico_new {
  display: inline-block !important;
  width: 22px;
  height: 22px;
  margin: 0 !important;
  font-size: 0 !important;
  text-indent: -99999px;
  background-image: url("../img/ico_new.png");
  background-repeat: no-repeat;
  background-size: 240px;
  overflow: hidden;
}
.ico_new.type01 {
  background-position: -73px -1px;
}
.ico_new.type02 {
  background-position: -97px -1px;
}
.ico_new.type03 {
  background-position: -122px -1px;
}
.ico_new.type04 {
  background-position: -146px -1px;
}
.ico_new.type05 {
  background-position: -217px -1px;
}
.ico_new.type06 {
  background-position: -1px -1px;
}
.ico_new.type07 {
  background-position: -49px -1px;
}
.ico_new.type08 {
  background-position: -1px -25px;
}
.ico_new.type09 {
  background-position: -25px -26px;
}
.ico_new.type10 {
  background-position: -170px -26px;
}
.ico_new.type11 {
  background-position: -170px -1px;
}
.ico_new.type12 {
  background-position: -194px -1px;
}
.ico_new.type13 {
  background-position: -26px -1px;
}
/* 
add : 2023-03-02
user : UI/UX
테이블 th span에 아이콘 13종 추가
end)
*/
/* 2023-03-10 toast용 스타일 추가. 아이콘 색 흰색으로 변경*/
.ico_new.type13.callToast {
  background-position: -26px -1px;
  filter: brightness(0) invert(1);
}
.ico_new.type06.callToast {
  background-position: -1px -1px;
  filter: brightness(0) invert(1);
}
.ico_new.type07.callToast {
  background-position: -49px -1px;
  filter: brightness(0) invert(1);
}


.switch.effect1 {
	display: inline-block;
	position: relative;
}

.switch.effect1+.switch.effect1 {
	margin-left: 10px;
}

.switch.effect1 label {
	display: inline-block;
	width: 80px;
	vertical-align: top;
}

.switch.effect1 label:before,.switch.effect1 label:after {
	content: '';
}

.switch.effect1 label:before {
	display: inline-block;
	width: 100%;
	height: 30px;
	border-radius: 5px;
	vertical-align: top;
	background-color: #f0f0f0;
}

.switch.effect1 label:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	left: 2px;
	top: 50%;
	z-index: 1;
	width: 40px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 13px;
	overflow: hidden;
	background-color: #aaa;
	color: #fff;
	font-size: 12px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.switch.effect1 input {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	left: 2px;
	top: 50%;
	z-index: 1;
	width: 40px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 13px;
	overflow: hidden;
	background-color: #aaa;
	color: #fff;
	font-size: 12px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	z-index: 0;
	border: 0;
	height: 24px;
}

.switch.effect1 input+label:after {
	content: 'OFF';
	display: inline-block;
	clear: both;
}

.switch.effect1 input:checked {
	left: 48%;
}

.switch.effect1 input:checked+label:after {
	left: 48%;
	background-color: #0172ce;
	content: 'ON';
	display: inline-block;
	clear: both;
}

.switch.effect1 input[disabled]+label:before {
	background-color: #e4e4e4;
}

.switch.effect1.nonetxt input {
	width: 26px;
}

.switch.effect1.nonetxt input+label:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
}

.switch.effect1.nonetxt input:checked {
	left: 65%;
}

.switch.effect1.nonetxt input:checked+label:after {
	left: 65%;
}

.switch.effect1.nonetxt label:after {
	width: 26px;
}

.notice_list_form .list_head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #fafafa;
	border: 1px solid #e8e8e8;
	padding: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.notice_list_form .list_head>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.notice_list_form .list_head p {
	color: #666666;
}

.notice_list_form .list_head p button {
	color: #000;
	margin-left: 3px;
	background-color: #eff0f8;
	padding: 5px;
	border-radius: 10px;
	font-weight: 700;
}

.notice_list_form .list_head p+p {
	padding-left: 25px;
	position: relative;
}

.notice_list_form .list_head p+p::before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 1px;
	height: 15px;
	background-color: #dddddd;
	left: 15px;
	top: 6px;
}

.notice_list_form .list_head+.list_cont {
	margin-top: 5px;
}

.notice_list_form .new {
	margin-right: 5px;
}

.notice_list_form table tbody tr:hover {
	cursor: pointer;
	background-color: #edf2f9;
}

.notice_list_form td .btn {
	height: auto !important;
	padding: 5px 10px !important;
}

.notice_list_form td .video,.notice_list_form td .paper {
	margin-right: 5px;
}

@media screen and (max-width: 768px) {

	.notice_list_form .video colgroup col:nth-child(5),	.notice_list_form .video colgroup col:nth-child(6) {
		display: none;
	}

	.notice_list_form .video th:nth-child(5),	.notice_list_form .video th:nth-child(6) {
		display: none;
	}

	.notice_list_form .video td:nth-child(5),	.notice_list_form .video td:nth-child(6) {
		display: none;
	}

	.notice_list_form td .btn.effect1 {
		height: auto !important;
		padding: 5px 10px !important;
	}

	.notice_list_form td .video,	.notice_list_form td .paper {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.notice_list_form .list_head {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media screen and (max-width: 640px) {
	.notice_list_form .list_head p {
		font-size: 14px;
	}

	.notice_list_form .list_head p span {
		font-size: 14px;
	}

	.notice_list_form .list_head+.list_cont {
		margin-top: 0;
	}
}

.search-area {
	background-color: #fff;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 45px;
}

.search-area .select,.search-area .input {
	border: none;
	border-radius: 10px 0 0 10px;
	height: 100% !important;
	border-right: 1px solid #dbdbdb;
}

.search-area .a_searchbtn {
	width: 60px;
	background-color: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 0 10px 10px 0;
}

.search-area .a_searchbtn .img {
	width: 25px;
}

@media screen and (max-width: 768px) {
	.search-area {
		margin-top: 1%;
		height: 35px;
	}

	.search-area .a_searchbtn {
		padding: 0 10px;
	}
}

.answer li {
	position: relative;
}

.answer li::before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-image: url("../img/sub/ico_answer.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 15px;
	height: 13px;
	top: 2px;
}

.answer li.answer_01 {
	padding-left: 20px;
}

.answer li.answer_01::before {
	left: 0;
}

.answer li.answer_02 {
	padding-left: 30px;
}

.answer li.answer_02::before {
	left: 10px;
}

.answer li.answer_03 {
	padding-left: 40px;
}

.answer li.answer_03::before {
	left: 20px;
}

.answer li.answer_04 {
	padding-left: 50px;
}

.answer li.answer_04::before {
	left: 30px;
}

.view_form_area {
	border-top: 2px solid #1e6696;
}

.view_form_area .view_head {
	border-bottom: 1px solid #ddd;
	padding: 2%;
	background: #f9fafb;
}

.view_form_area .view_head .v_notice {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1%;
}

.view_form_area .view_head .v_notice span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border: 1px solid #333;
	border-radius: 20px;
	padding: 3px 20px;
	margin: 0 10px 0 0;
}

.view_form_area .view_head .v_tit {
	margin: 0 0 1% 0;
}

.view_form_area .view_head .v_tit h2 {
	font-size: 22px;
	color: #00112d;
}

.view_form_area .view_head .v_info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.view_form_area .view_head .v_info .writeA {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.view_form_area .view_head .v_info .writeA li+li {
	padding-left: 20px;
	position: relative;
}

.view_form_area .view_head .v_info .writeA li+li::before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-color: #dedede;
	width: 1px;
	height: 15px;
	left: 10px;
	top: 1px;
}

.view_form_area .view_head .v_info .v_btnarea span {
	color: #1e6696;
	font-size: 17px;
}

.view_form_area .view_cont {
	padding: 2%;
	min-height: 300px;
	line-height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
}

.view_form_area .view_cont .cont {
	height: 300px;
	overflow: auto;
}

.view_form_area .view_cont .answerarea {
	margin-top: 10px;
	background-color: #eff0f8;
	padding: 20px;
}

.view_form_area .view_cont .answerarea .tit {
	color: #479ada;
}

.view_form_area .view_cont .answerarea .btnarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.view_form_area .view_cont .answerarea .btnarea .img {
	display: inline-block;
	width: 13px;
}

.view_form_area .view_cont .answerarea .a_cont {
	height: 100px;
	overflow: auto;
}

.view_form_area .view_cont .answerarea .btnarea {
	margin-top: 10px;
}

.view_form_area .view_list .prev {
	border-top: 1px solid #ddd;
}

.view_form_area .view_list dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 50px;
	border-bottom: 1px solid #ddd;
}

.view_form_area .view_list dl dt {
	width: 100px;
	font-weight: 700;
}

.view_form_area .view_list dl dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.view_form_area .view_list dl dd:first-of-type {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.view_form_area .view_list dl dd:last-of-type {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.view_form_area .view_list a {
	width: 500px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.view_form_area .view_list a:hover {
	color: #0172ce;
}

.view_form_area .view_list dl.fileadd {
	height: auto;
	padding: 10px 0;
}

.view_form_area .view_list dl.fileadd dd:last-of-type {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.view_form_area .view_list dl.fileadd .img {
	display: inline-block;
	width: 15px;
}

.view_form_area .view_list dl.fileadd .img img {
	width: 100%;
	height: auto;
}

.view_form_area .view_list dl.fileadd li+li {
	margin-top: 8px;
}

.view_form_area .view_category {
	margin-top: 10px;
}

.view_form_area .view_category .btn {
	height: 40px;
	padding: 0 30px;
	background-color: #272727;
	color: #fff;
}

.view_form_area .view_category .btn:hover::before {
	display: none;
}

.view_form_area .prev span {
	position: relative;
}

.view_form_area .prev span:before .next span:before,.view_form_area .next .prev span:before span:before,.view_form_area .prev span:before .next span:after,.view_form_area .next .prev span:before span:after,.view_form_area .prev span:after .next span:before,.view_form_area .next .prev span:after span:before,.view_form_area .prev span:after .next span:after,.view_form_area .next .prev span:after span:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 2px;
	height: 8px;
	background-color: #000;
}

.view_form_area .prev span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	top: 8px;
	right: -10px;
}

.view_form_area .prev span:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	top: 8px;
	right: -15px;
}

.view_form_area .next span {
	position: relative;
}

.view_form_area .next span:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	top: 8px;
	right: -10px;
}

.view_form_area .next span:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	top: 8px;
	right: -15px;
}

.view_form_area .addfilebox {
	background-color: #f2f2f2;
	padding: 0 2%;
	height: 54px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #e7e7e7;
}

.view_form_area .addfilebox+.addfilebox {
	margin-top: 5px;
}

.view_form_area .addfilebox>span {
	padding-right: 25px;
	position: relative;
}

.view_form_area .addfilebox>span::after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-color: #b8b8b8;
	width: 1px;
	height: 15px;
	right: 13px;
	top: 4px;
}

.view_form_area .addfilebox a span {
	position: relative;
}

.view_form_area .addfilebox a span::after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-color: #4b4b4b;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: -2px;
}

.view_form_area .view_cont_wrap {
	margin: 3% 0;
}

.view_form_area .view_list.prev {
	border-top: 1px solid #e7e7e7;
}

.view_form_area .answer {
	background-color: #f2f2f2;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	padding: 3%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.view_form_area .answer .imgw {
	margin-right: 3%;
}

.view_form_area .answer .manager .tit {
	height: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.view_form_area .answer .manager .cont {
	margin-top: 4%;
}

.view_form_area .answer .tit_txt {
	font-size: 17px;
	margin-bottom: 1%;
}

.view_form_area .answer .tit_txt span {
	color: #3fa2ff;
	font-weight: 700;
}

.view_form_area .answer .date {
	font-size: 14px;
}

.view_form_area .answer .date span+span {
	padding-left: 15px;
	position: relative;
}

.view_form_area .answer .date span+span::before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-color: #c5c5c5;
	width: 1px;
	height: 14px;
	left: 5px;
	top: 3px;
}

@media screen and (max-width: 768px) {
	.view_form_area .view_head .v_tit h2 {
		font-size: 20px;
	}
}

@media screen and (max-width: 640px) {
	.view_form_area .view_list a {
		width: 150px;
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.view_form_area .view_head {
		padding: 3%;
	}

	.view_form_area .view_head .v_tit {
		margin: 0;
	}

	.view_form_area .view_head .v_tit h2 {
		font-size: 15px;
		margin: 1% 0;
	}

	.view_form_area .view_head .v_notice span {
		font-size: 13px;
	}

	.view_form_area .view_head .v_info {
		font-size: 13px;
	}

	.view_form_area .view_head .v_info .writeA {
		-webkit-box-lines: multiple;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 1%;
	}

	.view_form_area .view_head .v_info .writeA li {
		margin-right: 0;
		width: 100%;
	}

	.view_form_area .view_head .v_info .writeA li+li {
		padding: 0;
		margin-top: 3px;
	}

	.view_form_area .view_head .v_info .writeA li+li::before {
		display: none;
	}

	.view_form_area .addfilebox {
		height: 35px;
		font-size: 13px;
	}

	.view_form_area .addfilebox>span:after {
		top: 3px;
	}

	.view_form_area .view_cont {
		line-height: 25px;
		font-size: 14px;
	}

	.view_form_area .view_cont .answerarea {
		padding: 3%;
	}

	.view_form_area .view_cont .cont {
		height: 200px;
	}

	.view_form_area .view_list {
		font-size: 14px;
	}

	.view_form_area .view_list dl dt {
		width: 70px;
	}

	.view_form_area .answer .imgw img {
		width: 40px;
	}

	.view_form_area .answer .manager .tit {
		height: 40px;
	}

	.view_form_area .answer .manager .cont {
		margin-top: 4%;
		font-size: 13px;
		word-break: keep-all;
	}

	.view_form_area .answer .tit_txt {
		font-size: 15px;
		margin-bottom: 0;
	}

	.view_form_area .answer .date {
		font-size: 13px;
	}
}

.gallery_form_area .gallery_head {
	margin-bottom: 10px;
}

.gallery_form_area .gallery_head .num {
	display: inline-block;
	font-weight: 700;
}

.gallery_form_area .gallery_cont {
	border-top: 2px solid #000;
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
}

.gallery_form_area .gallery_cont ul {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.gallery_form_area .gallery_cont ul li {
	margin-right: 3%;
	margin-bottom: 3%;
}

.gallery_form_area .gallery_cont ul li a {
	width: 100%;
	position: relative;
	display: block;
}

.gallery_form_area .gallery_cont ul li a .img {
	width: 100%;
	height: 100%;
}

.gallery_form_area .gallery_cont ul li a .img img {
	width: 100%;
	height: 100%;
}

.gallery_form_area .gallery_cont ul.twolayout li {
	width: 48.5%;
}

.gallery_form_area .gallery_cont ul.twolayout li:nth-child(2n) {
	margin-right: 0;
}

.gallery_form_area .gallery_cont ul.threelayout li {
	width: 31.33333%;
}

.gallery_form_area .gallery_cont ul.threelayout li:nth-child(3n) {
	margin-right: 0;
}

.gallery_form_area.effect1 .gallery_cont {
	border-top: 0;
	padding: 0;
	border-bottom: 0;
}

.gallery_form_area.effect1 .gallery_cont ul li a {
	width: 100%;
	position: relative;
	display: block;
	border: 1px solid #ddd;
}

.gallery_form_area.effect1 .gallery_cont ul li a .img {
	width: 100%;
	height: 100%;
}

.gallery_form_area.effect1 .gallery_cont ul li a .img img {
	width: 100%;
	height: 100%;
}

.gallery_form_area.effect1 .gallery_cont ul li a .hovearea {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60px;
	padding: 10px 15px;
	background-color: rgba(0, 0, 0, 0.7);
	font-size: 24px;
	color: #fff;
}

.gallery_form_area.effect1 .gallery_cont ul li a:hover .hovearea {
	background-color: rgba(36, 76, 129, 0.8);
	height: 100%;
	-webkit-transition: all, 0.4s;
	transition: all, 0.4s;
}

.gallery_form_area.effect1 .gallery_cont ul li a:hover .hovearea:before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-image: url("../img/sub/ico_historyplus.png");
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

@media screen and (max-width: 640px) {
	.gallery_form_area.effect1 .gallery_cont ul.threelayout li {
		width: 48.5%;
	}

	.gallery_form_area.effect1 .gallery_cont ul.threelayout li:nth-child(3n) {
		margin-right: 3%;
	}

	.gallery_form_area.effect1 .gallery_cont ul.threelayout li:nth-child(2n) {
		margin-right: 0;
	}

	.gallery_form_area.effect1 .gallery_cont ul.threelayout li a .hovearea {
		font-size: 14px;
		height: auto;
	}

	.gallery_form_area.effect1 .gallery_cont ul.threelayout li a:hover .hovearea:before {
		display: none;
	}
}

.paging {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 15px 0 10px 0;
	height: 25px; /*검색안한상태에서 검색하여 목록 뜨면 검색결과 영역 height가 움직여서 고정값을 줌height */
	min-height: 25px;
	width: 100%;
}

.paging ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.paging .pagecnt {
	position: absolute;
}

.paging ul li {
/* 	padding: 0 5px; 페이징 천자리 넘을때 숫자 곂침 ->아래로 변경*/
	padding: 0 15px;
}

.paging ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
/* 	width: 25px; 페이징 천자리 넘을때 숫자 곂침 ->아래로변경*/
	width: auto;
	height: 25px;
	font-size: 16px;
}

/*페이징 천자리 넘을때 숫자 곂침 ->추가*/
.paging ul .prev, .paging ul .first, .paging ul .next, .paging ul .last {
	padding: 0 10px;
}
.paging ul .prev a, .paging ul .first a, .paging ul .next a, .paging ul .last a {
	width: 25px;
}

/* 이전 페이지가 없을 경우 구분되도록 변경(23.09.19) */

.paging ul li.first a {
/* 	background-image: url("../img/board/ico_pazingfrist.png"); */
	background-image: url("../img/board/ico_pazingfristH.png");
	background-repeat: no-repeat;
	background-position: center;
}

.paging ul li.first.nopage a {
	background-image: url("../img/board/ico_pazingfrist.png");
	background-repeat: no-repeat;
	background-position: center;
}

/* .paging ul li.first a:hover { */
/* 	background-image: url("../img/board/ico_pazingfristH.png"); */
/* 	background-repeat: no-repeat; */
/* 	background-position: center; */
/* } */

.paging ul li.prev a {
/* 	background-image: url("../img/board/ico_pazingprev.png"); */
	background-image: url("../img/board/ico_pazingprevH.png");
	background-repeat: no-repeat;
	background-position: center;
}

.paging ul li.nopage.prev a {
	background-image: url("../img/board/ico_pazingprev.png");
	background-repeat: no-repeat;
	background-position: center;
}

/* .paging ul li.prev a:hover { */
/* 	background-image: url("../img/board/ico_pazingprevH.png"); */
/* 	background-repeat: no-repeat; */
/* 	background-position: center; */
/* } */

.paging ul li.next a {
/* 	background-image: url("../img/board/ico_pazingnext.png"); */
	background-image: url("../img/board/ico_pazingnextH.png");
	background-repeat: no-repeat;
	background-position: center;
}

.paging ul li.next.nopage a {
	background-image: url("../img/board/ico_pazingnext.png");
	background-repeat: no-repeat;
	background-position: center;
}

/* .paging ul li.next a:hover { */
/* 	background-image: url("../img/board/ico_pazingnextH.png"); */
/* 	background-repeat: no-repeat; */
/* 	background-position: center; */
/* } */

.paging ul li.last a {
/* 	background-image: url("../img/board/ico_pazinglast.png"); */
	background-image: url("../img/board/ico_pazinglastH.png");
	background-repeat: no-repeat;
	background-position: center;
}

.paging ul li.last.nopage a {
	background-image: url("../img/board/ico_pazinglast.png");
	background-repeat: no-repeat;
	background-position: center;
}

/* .paging ul li.last a:hover { */
/* 	background-image: url("../img/board/ico_pazinglastH.png"); */
/* 	background-repeat: no-repeat; */
/* 	background-position: center; */
/* } */

.paging ul li .num .on a {
	background: #244c81;
	color: #fff;
}

.paging ul li.on a {
	border: 1px solid #3274e9;
	color: #3274e9;
	font-weight: 700;
}

@media screen and (max-width: 768px) {
	.paging {
		margin: 1% 0;
	}
}

@media screen and (max-width: 640px) {
	.paging ul li a {
		width: 30px;
		height: 30px;
		font-size: 14px;
	}
}

.QAarea {
	border-top: 1px solid #000;
	border-bottom: 1px solid #dddddd;
}

.QAarea li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 40px 20px 10px;
	position: relative;
	font-weight: 700;
}

.QAarea li a:before,.QAarea li a:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-color: #000;
	width: 2px;
	height: 8px;
	top: 30px;
}

.QAarea li a:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	right: 20px;
}

.QAarea li a:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	right: 25px;
}

.QAarea li a span {
	position: relative;
	padding-left: 40px;
}

.QAarea li a span:before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-image: url("../img/board/ico_QA_question.png");
	background-position: center;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	top: -3px;
	left: 0;
}

.QAarea li.on a {
	border-bottom: 1px solid #ddd;
}

.QAarea li.on a:before,.QAarea li.on a:after {
	top: 30px;
}

.QAarea li.on a:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	right: 20px;
}

.QAarea li.on a:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	right: 25px;
}

.QAarea li>.answer {
	padding: 3% 2%;
	background: #fff;
	display: none;
}

.QAarea li+li {
	border-top: 1px solid #dddddd;
}

.QAarea p {
	line-height: 30px;
	color: #666666;
}

.QAarea .btn {
	color: #2c76af !important;
	text-decoration: underline;
}

@media screen and (max-width: 640px) {
	.QAarea li a {
		font-size: 14px;
		padding: 5px 40px 5px 5px;
	}

	.QAarea li a:before,	.QAarea li a:after {
		top: 10px;
	}

	.QAarea li.on a:before,	.QAarea li.on a:after {
		top: 10px;
	}

	.QAarea p {
		font-size: 14px;
		line-height: 25px;
		word-break: keep-all;
	}

	.QAarea p br {
		display: none;
	}
}

.grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.grid>div:not(:first-of-type) {
	margin-left: 10px;
}

.grid .item {
	border: 1px solid #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
	background-color: #1f1f1f;
	color: #fff;
}

.grid .col-1 {
	width: 8.33%;
}

.grid .col-2 {
	width: 16.66%;
}

.grid .col-3 {
	width: 25%;
}

.grid .col-4 {
	width: 33.333%;
}

.grid .col-6 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

.grid .col-12 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.grid.bul {
	display: block;
}

.grid.bul>p {
	font-size: 14px;
}

@media screen and (max-width: 640px) {
	.grid {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.grid .col-1,	.grid .col-2,	.grid .col-3,	.grid .col-4,	.grid .col-5,	.grid .col-6 {
		width: 100%;
	}

	.grid>div {
		margin: 0 !important;
	}

	.grid>div:not(:first-of-type) {
		margin-top: 4% !important;
	}
}

.onlie_form .grid+.grid {
	margin-top: 20px;
}

.onlie_form .per_txt {
	height: 235px;
	overflow-y: auto;
	border: 1px solid #dfdfdf;
	background: #f9f9f9;
	padding: 20px;
}

@media screen and (max-width: 640px) {
	.onlie_form {
		font-size: 13px;
	}

	.onlie_form .per_txt {
		height: 150px;
		padding: 10px;
	}

	.onlie_form .grid+.grid {
		margin-top: 1%;
	}
}

.per_txt strong {
	display: inline-block;
	margin-bottom: 1%;
}

.per_txt .depth1+.depth1 {
	margin-top: 10px;
}

.per_txt .depth1 h1 {
	margin-bottom: 5px;
}

.per_txt .depth1 h2 {
	font-weight: 500;
}

.per_txt .depth1 h3 {
	font-weight: 500;
	margin-top: 5px;
}

@media screen and (max-width: 640px) {

	.per_txt .depth1 h1,	.per_txt .depth1 h2,	.per_txt .depth1 h3 {
		font-size: 13px;
	}
}

.join_form .j_inputarea {
	margin-top: 20px;
}

.join_form .j_inputarea .j_input+.j_input {
	margin-top: 10px;
}

.join_form .verticalbtnarea {
	margin-top: 20px;
}

.scrollTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.scrollTop .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background: #ddd;
}

ul.step {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

ul.step li {
	width: 100%;
	text-align: center;
	position: relative;
}

ul.step li::before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #eee;
	left: -50%;
	top: 25px;
	z-index: -1;
}

ul.step li:first-child:before {
	display: none;
}

ul.step li .num {
	width: 50px;
	height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	margin: 0 auto 10px auto;
	background: #eee;
	font-weight: 700;
	font-size: 18px;
}

ul.step li.on .num {
	background-color: #0172ce;
	color: #fff;
}

.tooltipFn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
}

.tooltipFn .tooltipninfo {
	display: none;
	position: absolute;
	font-size: 14px;
	background-color: #000;
	color: #fff;
	border-radius: 10px;
	padding: 5px 10px;
	font-weight: 300;
	text-align: center;
	z-index: 10;
}

.tooltipFn .tooltipninfo:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 10px solid;
	border-top-color: red;
	border-left-color: orange;
	border-bottom-color: green;
	border-right-color: blue;
	border-style: solid;
	border-color: black transparent transparent transparent;
}

.tooltipFn[titlename="left_tool"] .tooltipninfo,.tooltipFn[titlename="right_tool"] .tooltipninfo {
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.tooltipFn[titlename="top_tool"] .tooltipninfo,.tooltipFn[titlename="bottom_tool"] .tooltipninfo {
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
}

.tooltipFn[titlename="left_tool"] .tooltipninfo:after {
	top: 50%;
	right: -16px;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-left-color: black;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.tooltipFn[titlename="right_tool"] .tooltipninfo:after {
	top: 50%;
	left: -16px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: black;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.tooltipFn[titlename="top_tool"] .tooltipninfo:after {
	bottom: -16px;
	left: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-top-color: black;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
}

.tooltipFn[titlename="bottom_tool"] .tooltipninfo:after {
	top: -16px;
	left: 50%;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: black;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
}

.accodian .accodian-box {
	border: 1px solid #e5e9ee;
	position: relative;
}

/* 20230302 아코디언 효과 미사용으로 주석처리 */
.accodian .accodian-box::before {
/* 	display: inline-block; */
/* 	clear: both; */
/* 	content: ""; */
/* 	position: absolute; */
/* 	border: 1px solid #e5e9ee; */
/* 	width: 28px; */
/* 	height: 28px; */
/* 	right: 8px; */
/* 	top: 8px; */
}
/* 20230302 아코디언 효과 미사용으로 주석처리 */
.accodian .accodian-box>a {
/* 	display: -webkit-box; */
/* 	display: -ms-flexbox; */
/* 	display: flex; */
/* 	-webkit-box-orient: vertical; */
/* 	-ms-flex-direction: column; */
/* 	flex-direction: column; */
/* 	color: #000; */
/* 	background-color: #fff; */
/* 	min-height: 30px; */
}
/* 20230302 아코디언 효과 미사용으로 주석처리 */
.accodian .accodian-box>a.open {
/* 	position: relative; */
}
/* 20230302 아코디언 효과 미사용으로 주석처리 */
.accodian .accodian-box>a.open:before,.accodian .accodian-box>a.open:after {
/* 	display: inline-block; */
/* 	clear: both; */
/* 	content: ""; */
/* 	position: absolute; */
/* 	-webkit-transition: all 0.2s; */
/* 	transition: all 0.2s; */
/* 	width: 1.5px; */
/* 	height: 10px; */
/* 	background-color: #465fb0; */
/* 	right: 19px; */
/* 	top: 18px; */
}
/* 20230302 아코디언 효과 미사용으로 주석처리 */
.accodian .accodian-box>a.open:before {
/* 	-webkit-transform: rotate(-45deg); */
/* 	-moz-transform: rotate(-45deg); */
/* 	-ms-transform: rotate(-45deg); */
/* 	-o-transform: rotate(-45deg); */
/* 	right: 25px; */
}
/* 20230302 아코디언 효과 미사용으로 주석처리 */
.accodian .accodian-box>a.open:after {
/* 	-webkit-transform: rotate(45deg); */
/* 	-moz-transform: rotate(45deg); */
/* 	-ms-transform: rotate(45deg); */
/* 	-o-transform: rotate(45deg); */
}
/* 20230302 아코디언 효과 미사용으로 주석처리 */
.accodian .accodian-box>a.open.change:before,.accodian .accodian-box>a.open.change:after {
/* 	-webkit-transition: all 0.2s; */
/* 	transition: all 0.2s; */
}
/* 20230302 아코디언 효과 미사용으로 주석처리 */
.accodian .accodian-box>a.open.change:before {
/* 	-webkit-transform: rotate(45deg); */
/* 	-moz-transform: rotate(45deg); */
/* 	-ms-transform: rotate(45deg); */
/* 	-o-transform: rotate(45deg); */
}
/* 20230302 아코디언 효과 미사용으로 주석처리 */
.accodian .accodian-box>a.open.change:after {
/* 	-webkit-transform: rotate(-45deg); */
/* 	-moz-transform: rotate(-45deg); */
/* 	-ms-transform: rotate(-45deg); */
/* 	-o-transform: rotate(-45deg); */
}

.accodian .accodian-box>div {
	display: none;
}

.accodian .accodian-box>div .tbl.effect2 {
	padding: 0 10px;
}

/* 수정 황재승 2022.10.21 left->right*/
.accodian .accodian-box>div .tbl.effect2 tr:last-child td {
	text-align: right;
}

.accodian .accodian-box+.accodian-box {
	/* border-top: 4px solid #e5e9ee; */
	margin-top : 10px;
}

.accodian .accodian-box.on {
	border: 2px solid #adc0ff;
}

@media screen and (max-width: 768px) {
	.accodian .accodian-box>a {
		font-size: 18px !important;
	}
}

@media screen and (max-width: 640px) {
	.accodian .accodian-box>a {
		font-size: 16px !important;
	}

	.accodian .accodian-box .accodian-box>a {
		font-size: 15px !important;
	}

	.accodian .accodian-box .depth3 a {
		font-size: 14px !important;
	}
}

.popupwrap {
	z-index: 99;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.popupwrap.display {
	display: none;
}

.popupwrap .popup {
	position: relative;
	z-index: 1;
	border-radius: 10px;
	background-color: #fff;
	padding: 0 0 1% 0;
}

.popupwrap .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;
}

.popup-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #eff0f8;
	padding: 5px 5px 5px 15px;
	border-radius: 10px 10px 0 0;
}

.popup-head .l_tit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.popup-head .l_tit h3 {
	font-size: 18px;
	color: #00112d;
}

.popup-head .popupclose .btn {
	text-indent: -9999px;
	position: relative;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

.popup-head .popupclose .btn:before,.popup-head .popupclose .btn:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 2px;
	height: 20px;
	left: 50%;
	top: 50%;
	background: #3b4b73;
	margin-top: -25%;
}

.popup-head .popupclose .btn:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.popup-head .popupclose .btn:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

.popup-body {
	max-height: 500px;
	overflow: auto;
	/*padding: 15px;*/
	margin: 10px 0;
	padding: 0 10px;
}

/* 환경설정 팝업 */
.popup-body-setting {
	/*max-height: 500px;*/
	overflow: auto;
	/*padding: 15px;*/
	margin: 10px 0;
	padding: 0 10px;
}

.popup-body .popup-cont {
	padding-top: 1px;
}

@media screen and (max-width: 768px) {
	.popup-body {
		margin: 1% 0;
	}
}

.popup-foot.b0 {
	border: 0;
}

@media screen and (max-width: 1024px) {
	.popupwrap {
		padding: 3%;
	}

	.popupwrap .popup {
		width: 100%;
		max-height: 500px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media screen and (max-width: 768px) {
	.popupwrap .popup {
		width: 100% !important;
	}

	.popupwrap .popup-head .l_tit h3 {
		font-size: 18px;
	}

	.popupwrap .popup-head .popupclose .btn {
		width: 30px !important;
		height: 30px !important;
		padding: 0;
	}

	.popupwrap .popup-head .popupclose .btn:before,	.popupwrap .popup-head .popupclose .btn:after {
		height: 17px;
	}
}

@media screen and (max-width: 640px) {
	.popupwrap {
		padding: 3%;
	}

	.popupwrap.full {
		padding: 0;
	}

	.popupwrap .popup .join {
		font-size: 13px;
		margin: 3% 0 1% 0;
	}

	.popupwrap .popup-head .l_tit h3 {
		font-size: 16px;
	}
}

.popupwrap .notice .popup-head {
	background-color: #d3352d;
}

.popupwrap .notice .popup-head .l_tit h3 {
	color: #fff;
}

.popupwrap .notice .popup-head .popupclose .btn {
	background-color: #d3352d;
}

.popupwrap .notice .popup-head .popupclose .btn:before,.popupwrap .notice .popup-head .popupclose .btn:after {
	background-color: #fff;
}

.popupwrap .notice .popup-cont {
	text-align: center;
/*	padding: 20px 0;*/
	font-size: 18px;
}

.popupwrap .notice .popup-cont p {
	line-height: 30px;
}

.popupwrap .notice .btn_area .btn {
	background-color: #6d1c18;
	border-radius: 5px;
}

.popupwrap .notice .btn_area .btn::before {
	display: none;
}

.address_head .search-area {
	background-color: #eff0f8;
	border-radius: 0;
	height: 60px;
	padding: 10px;
}

.address_head .input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
	border: 1px solid #dadada;
}

@media screen and (max-width: 768px) {
	.address_head .search-area {
		margin-top: 0;
	}
}

.address_cont dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.address_cont dl .address {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

.address_cont dl dt {
	margin-right: 10px;
	text-align: center;
}

.address_cont dl dt p {
	border-radius: 5px;
	padding: 3px 10px;
	font-size: 14px;
	color: #fff;
}

.address_cont dl dt p.new {
	background-color: #5887e9;
}

.address_cont dl dt p.ago {
	background-color: #7cb7a7;
}

.address_cont dl dt p+p {
	margin-top: 5px;
}

.address_cont li a {
	display: block;
	padding: 2%;
}

.address_cont li a:hover {
	background-color: #ebf3fd;
}

.address_cont li+li {
	border-top: 1px solid #dfdfdf;
}

.address_cont .address {
	margin-right: 10px;
}

@media screen and (max-width: 768px) {
	.address_cont {
		font-size: 14px;
	}
}

.popup.effect2 {
	background-color: #fff;
	border-radius: 10px;
	padding: 20px 25px;
}

@media screen and (max-width: 768px) {
	.popup.effect2 {
		width: 100%;
		height: 100%;
	}

	.popup.effect2.W550 {
		width: 100%;
		border-radius: 0;
	}
}

.popup.W600 {
	width: 600px;
}

.popup.W550 {
	width: 550px;
}

.popup.W420 {
	width: 420px;
}

.popup.W800 {
	width: 800px;
}

.popup.W400 {
	width: 400px;
}

.popup.W250 {
	width: 250px;
}

.popup.W1000 {
	width: 1000px;
}

.popup.W1300 {
	width: 1300px;
}

.popup .join {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 5% 0 1% 0;
}

.partitem {
	text-align: center;
	margin: 6% 0;
}

.partitem>p {
	font-size: 18px;
	color: #050505;
	font-weight: 700;
	margin: 3% 0;
}

.partitem>p .bluetxt {
	color: #3282cc;
}

.partitem .carnum {
	display: inline-block;
}

.partitem .carnum p {
	border: 1px solid #c3c3c3;
	font-size: 15px;
	font-weight: 700;
	min-width: 215px;
	border-radius: 50px;
	min-height: 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.partitem .carnum p+p {
	margin-top: 3%;
}

.partitem .carnum p:first-child {
	border: 2px solid #3fa2ff;
}

.partitem .carnum p:last-child {
	font-size: 14px;
}

@media screen and (max-width: 640px) {
	.partitem>p {
		font-size: 15px;
	}

	.partitem .carnum p {
		font-size: 30px;
		min-height: 50px;
	}
}

@media screen and (max-width: 640px) {
	.edit .popup {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.edit .popup-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

.edit .partitem {
	margin: 15% 0;
}

.edit .carnum {
	margin-top: 20px;
}

.M_open_btn {
	z-index: 10;
}

.M_open_btn a {
	width: 50px;
	height: auto;
	display: block;
	padding: 6px;
}

.M_open_btn a span {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #fff;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.M_open_btn a span+span {
	margin-top: 10px;
}

.M_open_btn a.open {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99;
}

.M_open_btn a.open span {
	position: absolute;
	width: 30px;
}

.M_open_btn a.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	top: 35px;
}

.M_open_btn a.open span:nth-child(2) {
	display: none;
}

.M_open_btn a.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	top: 30px;
}

.M_gnb {
	z-index: -1;
	position: fixed;
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
	background-color: #fff;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.M_gnb.open {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	z-index: 99;
}

.M_gnb .depth3 {
	padding-left: 10px;
}

.M_gnb .accodian .accodian-box div {
	padding: 10px;
}

.M_gnb .accodian>li>a {
	font-size: 18px;
}

.moverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 2;
}

.moverlay.open {
	display: block;
}

.join_form .input {
	width: 100%;
}

html,body {
	width: 100%;
	height: 100%;
	min-width: 1300px;
	overflow-x: auto;
}

@media all and (max-width: 1300px) {
	.tbl-area.tbl.effect3.tablehover {
		width: calc(1300px - 140px) !important;
	}
}

/* 황재승 추가 */
.height .height2 {
	min-height: 300px;
}

#wrap {
	height: 100vh;
	overflow: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#wrap #container {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#wrap #content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

@media screen and (max-width: 1600px) {
	#wrap {
/* 		min-width: 1600px; */
		overflow: auto;
	}
	
	.top_btn_icon_none {
		display: none;
	}
	
	.login-top {
		display: block;
		margin: 0px auto !important;
	}
	.login_wrap .login {
		padding: 40px 40px 40px !important;
	}
}

.tabwrap {
	overflow: hidden !important;
}

/* 
add : 2023-03-13 
user : UI/UX 
header 디자인 수정
start)  
*/

header {
	background-color: #E2E0EA;
	/* width: 135px; */
	width: 140px;
	/* min-height: 850px; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	border-right: 1px solid #cecfd2;
	position: relative;
	-webkit-box-shadow: 2px 2px 5px #e4e5e8;
	box-shadow: 2px 2px 5px #e4e5e8;
}

/* 
add : 2023-03-13 
user : UI/UX 
header 디자인 수정
end)  
*/

header .logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	background-color: #fff;
}

/* 
@media screen and (max-height: 900px) {
  header .logo {
	display: none;
  }
  
  header .logo a {
	display: none;
  }
} 
 */

header .logo a {
	display: block;
	width: 100%;
/* 	height: 91px; */
	padding: 10px 2px;
}

header .logo a img {
	display: block;
	width: 100%;
}

header.on {
	width: 0;
}

header.on .logo,header.on .gnb,header.on .logout {
	display: none;
}

header.on .opener:before {
	background-image: url("../img/sub/ico_opner.png");
	background-position: 0 0;
	background-repeat: no-repeat;
}

header .opener {
	position: absolute;
	background-color: #3274e9;
	width: 24px;
	height: 70px;
	text-indent: -9999px;
	border-radius: 0 5px 5px 0;
	right: -24px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	cursor: pointer;
	z-index: 99;
}

header .opener:before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-image: url("../img/sub/ico_opner_before.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 10px;
	height: 11px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.gnb {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
	border-bottom: 1px solid #cdcdcd;
}

.gnb ul.node1-list {
	display: block;
	height: 100%;
}

.gnb.gnb-dropdown .node1-item {
	display: block;
}

.gnb.gnb-dropdown .node1-list {
	margin: 0;
}

/* 
add : 2023-03-13 
user : UI/UX 
header 디자인 수정
start)  
*/

.gnb .node1-item {
  padding: 0;
}

/* 
add : 2023-03-13 
user : UI/UX 
header 디자인 수정
end)  
*/

.gnb .node1-item+.node1-item {
	border-top: 1px solid #cdcdcd;
}

.gnb .node1-item:last-child {
	border-bottom: 1px solid #cdcdcd;
}

.gnb .node1-item a {
	display: flex !important;;
	position: relative;
	padding: 12px 16px 12px 42px;
	text-align: center !important;
	word-break: keep-all;
	white-space: break-spaces;
	align-items: center;
}

.gnb .node1-item a::before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	top: calc(50% - 18px);
	left: 8px;
	background: url("../img/common/ico_gnbx2.png") no-repeat;
	background-size: auto 30px;
}

.gnb .node1-item.on a {
	color: #406bf8;
}

.gnb .node1-item.is-active a::before,
.gnb .node1-item a.on::before {
	background: url("../img/common/ico_gnbx2_blue.png") no-repeat;
	background-size: auto 30px;
}

.gnb .node1-item.on a:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 5px;
	height: 100%;
	background-color: #406bf8;
	right: -5px;
	top: 0;
}

/* 
add : 2023-03-13 
user : UI/UX 
header 디자인 수정
start)  
*/

.gnb .node1-item.DSHBR.on a::before {
  background-position: 0 0;
}
.gnb .node1-item.STMT.on a::before {
  background-position-x: -30px;
}
.gnb .node1-item.INSPCT.on a::before {
  background-position-x: -60px;
}
.gnb .node1-item.PRH.on a::before {
  background-position-x: -90px;
}
.gnb .node1-item.ARM.on a::before {
  background-position-x: -120px;
}
.gnb .node1-item.MNMNG.on a::before {
  background-position-x: -150px;
}
.gnb .node1-item.MRS.on a::before {
  background-position-x: -180px;
}
.gnb .node1-item.SET.on a::before {
  background-position-x: -210px;
}
.gnb .node1-item.IOT.on a::before {
  background-position-x: -180px;
}
.gnb .node1-item.SYS.on a::before {
  background-position-x: -150px;
}
.gnb .node1-item.BBS.on a::before {
  background-position-x: -30px;
}
.gnb .node1-item.DASH.on a::before {
  background-position-x: -240px;
}
.gnb .node1-item.DSHBR a::before {
  background-position: 0 0;
}
.gnb .node1-item.STMT a::before {
  background-position-x: -30px;
}
.gnb .node1-item.INSPCT a::before {
  background-position-x: -60px;
}
.gnb .node1-item.PRH a::before {
  background-position-x: -90px;
}
.gnb .node1-item.ARM a::before {
  background-position-x: -120px;
}
.gnb .node1-item.MNMNG a::before {
  background-position-x: -150px;
}
.gnb .node1-item.MRS a::before {
  background-position-x: -180px;
}
.gnb .node1-item.SET a::before {
  background-position-x: -210px;
}
.gnb .node1-item.IOT a::before {
  background-position-x: -180px;
}
.gnb .node1-item.SYS a::before {
  background-position-x: -150px;
}
.gnb .node1-item.BBS a::before {
  background-position-x: -30px;
}
.gnb .node1-item.DASH a::before {
  background-position-x: -240px;
}

/*
.gnb .node1-item.on:nth-child(1) a::before {
  background-position: 0 0;
}
.gnb .node1-item.on:nth-child(2) a::before {
  background-position-x: -30px;
}
.gnb .node1-item.on:nth-child(3) a::before {
  background-position-x: -60px;
}
.gnb .node1-item.on:nth-child(4) a::before {
  background-position-x: -90px;
}
.gnb .node1-item.on:nth-child(5) a::before {
  background-position-x: -120px;
}
.gnb .node1-item.on:nth-child(6) a::before {
  background-position-x: -150px;
}
.gnb .node1-item.on:nth-child(7) a::before {
  background-position-x: -180px;
}
.gnb .node1-item.on:nth-child(8) a::before {
  background-position-x: -210px;
}
.gnb .node1-item.on:nth-child(9) a::before {
  background-position-x: -180px;
}
.gnb .node1-item.on:nth-child(10) a::before {
  background-position-x: -150px;
}
.gnb .node1-item.on:nth-child(11) a::before {
  background-position-x: -30px;
}
.gnb .node1-item:nth-child(1) a::before {
  background-position: 0 0;
}
.gnb .node1-item:nth-child(2) a::before {
  background-position-x: -30px;
}
.gnb .node1-item:nth-child(3) a::before {
  background-position-x: -60px;
}
.gnb .node1-item:nth-child(4) a::before {
  background-position-x: -90px;
}
.gnb .node1-item:nth-child(5) a::before {
  background-position-x: -120px;
}
.gnb .node1-item:nth-child(6) a::before {
  background-position-x: -150px;
}
.gnb .node1-item:nth-child(7) a::before {
  background-position-x: -180px;
}
.gnb .node1-item:nth-child(8) a::before {
  background-position-x: -210px;
}
.gnb .node1-item:nth-child(9) a::before {
  background-position-x: -180px;
}
.gnb .node1-item:nth-child(10) a::before {
  background-position-x: -150px;
}
.gnb .node1-item:nth-child(11) a::before {
  background-position-x: -30px;
}
*/

/*
.gnb .is-active.node1-item:nth-child(1) a::before {
  background-image: url("../img/common/ico_gnbx2_blue.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: 0rem -1px;
}
.gnb .is-active.node1-item:nth-child(2) a::before {
  background-image: url("../img/common/ico_gnbx2_blue.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: -2.36rem -1px;
}
.gnb .is-active.node1-item:nth-child(3) a::before {
  background-image: url("../img/common/ico_gnbx2_blue.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: -4.72rem -1px;
}
.gnb .is-active.node1-item:nth-child(4) a::before {
  background-image: url("../img/common/ico_gnbx2_blue.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: -7.08rem -1px;
}
.gnb .is-active.node1-item:nth-child(5) a::before {
  background-image: url("../img/common/ico_gnbx2_blue.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: -9.44rem -1px;
}
.gnb .is-active.node1-item:nth-child(6) a::before {
  background-image: url("../img/common/ico_gnbx2_blue.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: -11.8rem -1px;
}
.gnb .is-active.node1-item:nth-child(7) a::before {
  background-image: url("../img/common/ico_gnbx2_blue.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: -14.16rem -1px;
}
.gnb .is-active.node1-item:nth-child(8) a::before {
  background-image: url("../img/common/ico_gnbx2_blue.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: -16.52rem -1px;
}

*/

/* 
add : 2023-03-13 
user : UI/UX 
header 디자인 수정
end)  
*/

.gnb .node1-link {
	font-size: 15px;
	color: #767778;
	font-weight: 700;
	border-right: 5px solid #dbdbdb;
	height: 56px;
	padding: 10px 0;
}

.logout {
	padding: 0;
}

/* 
add : 2023-03-13 
user : UI/UX 
header 디자인 수정
start)  
*/

.logout .inr {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 8px;
  background-color: #fff;
  border-radius: 0;
  text-align: center;
}

.logout .inr .psitnSeNm,
.logout .inr .name {
  align-self: center;
  font-size: 14px;
  color: #2d2d2d;
  font-weight: 700;
  line-height: 18px;
  word-break: break-all;
}
.logout .inr .psitnSeNm {
  margin-left: 4px;
  width: 65%;
  text-align: center !important;
}
.logout .inr .name {
  margin-left: 4px;
  width: 65%;
  text-align: center !important;
  /* margin-top: 6px; */
}


.logout .inr .txt {
  font-size: 14px;
  color: #848484;
  font-weight: 700;
}
.logout .inr .img {
	display: block;
	width: 30px;
	height: 30px;
	background:url('../img/ico_user.png') no-repeat 0 0;
	background-size: auto 30px;
}

.logout .inr .img.ico-a0601 {
	background-position: -30px 0;
}

.logout .inr .img.ico-a0602 {
	background-position: 0px 0;
}

.logout .inr .img.ico-a0603 {
	background-position: 0px 0;
}

.logout .inr .img.ico-a0604 {
	background-position: -120px 0;
}

.logout .inr .img.ico-a0605 {
	background-position: -150px 0;
}

.logout .inr .btn {
	margin: 10px auto;
  padding: 0;
  border: 1px solid #c5c5c5;
  color: #999;
  width: 80%;
}

.logout .inr a {
	font-size: 13px !important;
}

.logout .inr a:hover,
.logout .inr a:focus {
	text-decoration: underline;
}

.logout .inr .grid-container {
	display: grid;
	grid-template-columns: 30px auto; /* two columns */
	grid-template-rows: 1fr 1fr; /* two rows */
	place-items : stretch;
}

.logout .inr .grid-container .grid-left {
	grid-column:1/2; 
	grid-row:1/3;
	align-self : center;
}

.logout .inr .grid-container .grid-top {
	grid-column:2/4; 
	grid-row:1/2;
	text-align: left;
}

.logout .inr .grid-container .grid-bottom {
	grid-column:2/4; 
	grid-row:2/3;
	text-align: left;
	font-size: 15px;
}

/* 
add : 2023-03-13 
user : UI/UX 
header 디자인 수정
end)  
*/

.mapcontrol {
	right: 10px;
	bottom: 50px;
	width: 50px;
}

.mapcontrol ul {
	border: 1px solid #bcbcbc;
	background-color: #fff;
}

.mapcontrol ul+ul {
	margin-top: 10px;
}

.mapcontrol ul li a {
	position: relative;
	font-size: 12px;
	font-weight: 700;
}

.mapcontrol ul li a::before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	-webkit-transform: translate(0, -80%);
	-moz-transform: translate(0, -80%);
	-ms-transform: translate(0, -80%);
	-o-transform: translate(0, -80%);
}

.mapcontrol ul li+li {
	border-top: 1px solid #dadada;
}

.mapcontrol a {
	font-size: 14px;
	color: #000000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	padding-bottom: 5px;
	height: 50px;
}

.mapcontrol a:hover {
	color: #406bf8;
}

.mapcontrol .ico01 a:before {
	background-image: url("../img/common/ico_map01.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .ico01 a:hover:before {
	background-image: url("../img/common/ico_map01_hover.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .ico02 a:before {
	background-image: url("../img/common/ico_map02.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .ico02 a:hover:before {
	background-image: url("../img/common/ico_map02_hover.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .ico03 a:before {
	background-image: url("../img/common/ico_map03.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .ico03 a:hover:before {
	background-image: url("../img/common/ico_map03_hover.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .ico04 a:before {
	background-image: url("../img/common/ico_map04.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .ico04 a:hover:before {
	background-image: url("../img/common/ico_map04_hover.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .ico05 a:before {
 	width: 24px;
	height: 15px; 
	background-image: url("../img/common/ico_map05.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .ico05 a:hover:before {
	background-image: url("../img/common/ico_map05_hover.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .ico06 a:before {
	background-image: url("../img/common/ico_map06.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .ico06 a:hover:before {
	background-image: url("../img/common/ico_map06_hover.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .ico07 a:before {
	background-image: url("../img/common/ico_map07.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .ico07 a:hover:before {
	background-image: url("../img/common/ico_map07_hover.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .ico08 a:before {
	background-image: url("../img/common/ico_map08.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .ico08 a:hover:before {
	background-image: url("../img/common/ico_map08_hover.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mapcontrol .bigsmal_control {
	border-radius: 10px;
}

.mapcontrol .bigsmal_control .btn {
	background-color: #fff;
	width: 100%;
}

.mapcontrol .bigsmal_control .btn::before {
	display: none;
}

.mapcontrol .bigsmal_control .btn span {
	position: relative;
}

.mapcontrol .bigsmal_control .btn span::before,.mapcontrol .bigsmal_control .btn span::after {
	left: 50%;
	top: 50%;
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-color: #535353;
	width: 13px;
	height: 3px;
	background-color: #535353;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.mapcontrol .bigsmal_control .big .btn {
	border-radius: 10px;
	height: 50px;
}

.mapcontrol .bigsmal_control .small .btn {
	border-radius: 10px;
	height: 50px;
}

.mapcontrol .bigsmal_control .small .btn span::after {
	width: 3px;
	height: 13px;
}

.opponent {
	font-size: 15px;
	font-weight: 700;
}

.opponent .datetime {
	font-size: 12px;
	margin: 0 10px;
}

.big_cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.big_cont>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.big_cont>div+div {
	margin-left: 8px;
}

.big_cont>div ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* 2022.11.02 수정 황재승 */
.big_cont .blackborder ul {
	/* border: 2px solid #343950; */
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

.big_cont .blackborder ul li+li {
	border-left: 1px solid #d8d8d8;
}

.big_cont .blackborder ul li a {
	padding: 13px 5px 10px 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	display: block;
	text-align: center;
	font-weight: 700;
	min-width: 80px;
}

.big_cont .blackborder ul li a span {
	display: block;
}

.big_cont .blackborder ul li a span span {
	display: inline-block;
}

.big_cont .blackborder ul li a .redtxt {
	font-size: 18px;
}

.big_cont .blackborder ul li a .redtxt span {
	font-size: 16px;
	color: #000000;
}

.big_cont .bluebg {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.big_cont .bluebg ul {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

.big_cont .bluebg ul li {
	width: calc((100% - 100px) / 6);
}

.big_cont .bluebg ul li.all {
	width: calc(100% / 7);
}

/* 2022.11.02 수정 황재승 */
.big_cont .bluebg ul li a {
	background-color: #1373EE;
	border-radius: 5px;
	height: 100%;
	padding: 10px 3px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

.big_cont .bluebg ul li+li {
	margin-left: 10px;
}

.big_cont .bluebg dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

.big_cont .bluebg dl dt {
	width: 45px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (max-width: 1630px) {
	.big_cont .bluebg dl dt {
		width: 0px;
		display: none;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

/* 수정필요 */

.big_cont .bluebg dl dd {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.big_cont .bluebg dl dd .num {
	display: block;
	background-color: #fff;
	border-radius: 20px;
	color: #000;
	padding: 2px 10px;
	font-size: 18px;
	margin-top: 3px;
}

.big_cont .bluebg dl dd .num .info {
	font-size: 18px;
}

.big_cont .bluebg dl dd .num .info span {
	font-size: 18px;
}

.big_cont .bluebg .all a {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.liststyle01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.liststyle01 li {
	width: 214px;
	margin-bottom: 10px;
}

.liststyle01 li.live {
	width: 265px;
	margin-bottom: 10px;
}

.liststyle01 li+li {
	margin-left: 10px;
	margin-bottom: 10px;
}

.liststyle01 li:nth-child(5n+1) {
	margin-left: 10px;
}

.liststyle01 li.normal .borderarea {
	border-top: 1px solid #d8d8d8;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
}

.liststyle01 li.normal .borderarea .top {
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 0 0 5px 5px;
}

.liststyle01 li.normal .borderarea .top div {
	min-width: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	color: #3dc600;
}

.liststyle01 li.normal .borderarea>p {
	padding: 0 5px 5px 5px;
}

.liststyle01 li.red_error .top.center {
	background-color: #e15c52;
	color: #fff;
}

.liststyle01 a {
	display: inline-block;
	width: 100%;
	/* 2022.11.08 수정 황재승 */
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	/* 2022.10.29 추가 황재승 */
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

.liststyle01 a .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 5px 8px;
	background-color: #f3f4fe;
	border-radius: 5px 5px 0 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
}

.liststyle01 a .top.live {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 5px 8px;
	background-color: #f3f4fe;
	border-radius: 5px 5px 0 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px;
	flex-direction: row;
	flex-wrap: wrap;
}

.liststyle01 a .top p {
	font-size: 18px;
	font-weight: 700;
	white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.liststyle01 a .top div.grid-top {
	font-size: 19px;
	font-weight: 700;
	white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.liststyle01 a .top div.grid-container {
	display: grid;
	grid-template-columns: 175px 76px; /* two columns */
	grid-template-rows: 1fr 1fr; /* two rows */
	place-items : stretch;
}

.liststyle01 a .top div.grid-right {
	background-color: #e7e7e7;
	border: 1px solid #d1d1d1;
	border-radius: 10px;
	padding: 3px 10px;
	color: #d2543a;
	text-align:center;
	margin:auto;
	width:fit-content;
	float:right;
	font-weight:bold;
}

.liststyle01 a .top div.stts {
	background-color: #e7e7e7;
	border: 1px solid #d1d1d1;
	border-radius: 30px;
	padding: 3px 10px;
	color: #d2543a;
}

.liststyle01 a .top.center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.liststyle01 a .bottom {
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	padding: 10px;
	height : 110px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.liststyle01 a .tail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding : 10px 0 10px 0;
	border-top : 1px solid #d8d8d8;
}

.liststyle01 a .bottom span {
	font-size: 14px;
	display: inline-block;
	margin-bottom: 5px;
}

.liststyle01 a .bottom p {
	font-size: 20px;
	font-weight: 700;
}

.liststyle01 a .top.live div.grid-bottom {
	font-size: 18px;
	color: #d2543a;
}

.liststyle01 a .top.live p.date {
	font-size: 18px;
	color: #d2543a;
}

.liststyle01 a .bottom .righttxt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-size: 15px;
}

.liststyle01 a .bottom .live {
	text-align : center;
	margin-bottom: 5px;
}

.liststyle01 a .borderarea {
	border-top: 1px solid #d8d8d8;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	height:60px;
}

.liststyle01 a .borderarea .top {
	background-color: #fff;
}

.liststyle01 a .borderarea>p {
	padding: 0 5px 5px 5px;
	font-size: 14px;
}

.liststyle01 a .borderarea div.grid-container {
	display: grid;
	grid-template-columns: 126px auto; /* two columns */
	grid-template-rows: 1fr 1fr; /* two rows */
	place-items : stretch;
	padding : 3px 5px;
	height:60px;
}

.liststyle01 a .borderarea div.grid-top {
	font-size: 18px;
	font-weight: 700;
	white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    align-self:end;
}

.liststyle01 a .borderarea div.grid-right {
	background-color: #e7e7e7;
	border: 1px solid #d1d1d1;
	border-radius: 10px;
	padding: 3px 10px;
	color: #d2543a;
	text-align:center;
	margin:auto;
	width:fit-content;
	float:right;
	font-weight:bold;
}

.liststyle01 a .borderarea div.grid-bottom {
	font-size: 14px;
	align-self: self-end;
}

.liststyle01 a:hover {
	border: 1px solid #406bf8;
}

.min-width {
	min-width: 1100px;
	overflow: auto;
}

/* 2022.10.29 수정 황재승*/
.resultarea {
	/* background-color: #f2f2f2; */
	min-height: 400px;
}

/* 2022.10.29 황재승 */
.resultarea .buildgroup {
	margin: 0px 10px 10px 10px;
	padding: 10px 0px 0px 0px;
	background-color: #e2e0ea;
	border-radius: 0px 5px 5px 5px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

/* 2022.10.29 황재승 */
.resultarea .titarea {
	/* border-top: 1px solid #d6d6d6; */
	/* border-bottom: 1px solid #d6d6d6; */
}

.resultarea .flexbox {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.resultarea .titborderout {
	width: 30px;
	height: 15px;
	margin-top: 13px;
	background-color: #e2e0ea;
}

.resultarea .titborderin {
	width: 30px;
	height: 15px;
	background-color: white; 
	border-radius:0 0 0 15px; 
}

.resultarea .titarea li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* 2022.10.29 수정 황재승 */
	padding: 10px 20px 0px 10px;
	margin: 0px 0px -5px 10px;
	border-radius: 5px 5px 0px 0px;
	background-color: #e2e0ea;
}

.resultarea .titarea li .subtit02 {
	position: relative;
	padding-right: 20px;
}

.resultarea .titarea li .subtit02:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-color: #949494;
	width: 1px;
	height: 100%;
	right: 9px;
}

.resultarea .titarea li p {
	font-size: 15px;
}

.resultarea .liststyle01 {
	padding: 5px 10px;
}

.resultarea .liststyle01 .bottom {
	border-radius: 0;
	height: 125px;
}


/****************************************************/
/******************** 건물(start) ********************/
.resultareabuld {
	min-height: 400px;
	height:587px;
}

.resultareabuld .buildbox {
	width:265px;
}

.resultareabuld .liststylebuld01 {
	padding: 5px 0 0 0;
}

.resultareabuld .liststylebuld01 .bottom {
	border-radius: 0;
	height: 155px;
}

.red_error_borderarea {
	border-top: 1px solid #d8d8d8;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
}

.red_error_borderarea_top {
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 0 0 5px 5px;
}

.red_error_borderarea_top div {
	min-width: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #e7e7e7;
	color: #d2543a;
	background-color: #e7e7e7;
	border: 1px solid #d1d1d1;
	border-radius: 30px;
	padding: 3px 10px;
}

.liststylebuld01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items : center;
	-webkit-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.liststylebuld01 li {
	width:265px;
	margin-bottom: 13px;
}

.liststylebuld01 li+li {
	margin-left: 10px;
	margin-bottom: 13px;
}

.liststylebuld01 li:nth-child(4n+1) {
	margin-left: 10px;
}

.liststylebuld01 li.normal .borderarea {
	border-top: 1px solid #d8d8d8;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
}

.liststylebuld01 li.normal .borderarea .top {
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 0 0 5px 5px;
}

.liststylebuld01 li.normal .borderarea .top div {
	min-width: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	color: #3dc600;
}

.liststylebuld01 li.normal .borderarea>p {
	padding: 0 5px 5px 5px;
}

.liststylebuld01 li.red_error .top.center {
	background-color: #e15c52;
	color: #fff;
}

.liststylebuld01 a {
	display: inline-block;
	width: 100%;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

.liststylebuld01 a .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 5px 8px;
	background-color: #f3f4fe;
	border-radius: 5px 5px 0 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
}

.th_liststylebuld {
	display:flex;
}

.liststylebuld01 a .top.live {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 5px 8px;
	background-color: #f3f4fe;
	border-radius: 5px 5px 0 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px;
	flex-direction: row;
	flex-wrap: wrap;
}

.liststylebuld01 a .top p {
	font-size: 20px;
	font-weight: 700;
	white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.liststylebuld01 a .top div.grid-top {
	font-size: 19px;
	font-weight: 700;
	white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.liststylebuld01 a .top div.grid-container {
	display: grid;
	grid-template-columns: 175px 76px; /* two columns */
	grid-template-rows: 1fr 1fr; /* two rows */
	place-items : stretch;
}

.liststylebuld01 a .top div.grid-right {
	background-color: #e7e7e7;
	border: 1px solid #d1d1d1;
	border-radius: 10px;
	padding: 3px 10px;
	color: #d2543a;
	text-align:center;
	margin:auto;
	width:fit-content;
	float:right;
	font-weight:bold;
}

.liststylebuld01 a .top div.stts {
	background-color: #e7e7e7;
	border: 1px solid #d1d1d1;
	border-radius: 30px;
	padding: 3px 10px;
	color: #d2543a;
}

.liststylebuld01 a .top.center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.liststylebuld01 a .bottom {
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	padding: 0 10px 0 10px;
	height : 145px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.liststylebuld01 a .tail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding : 10px 0 10px 0;
	border-top : 1px solid #d8d8d8;
}

.liststylebuld01 a .bottom span {
	font-size: 14px;
	display: inline-block;
	margin-bottom: 5px;
}

.liststylebuld01 a .bottom p {
	font-size: 20px;
	font-weight: 700;
}

.liststylebuld01 a .top.live div.grid-bottom {
	font-size: 18px;
	color: #d2543a;
}

.liststylebuld01 a .bottom .righttxt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-size: 15px;
}

.liststylebuld01 a .bottom .live {
	text-align : center;
	margin-bottom: 5px;
} 

.liststylebuld01 a .borderarea {
	border-top: 1px solid #d8d8d8;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
}

.liststylebuld01 a .borderarea .top {
	background-color: #fff;
}

.liststylebuld01 a .borderarea>p {
	padding: 0 5px 5px 5px;
	font-size: 14px;
}

.liststylebuld01 a:hover {
	border: 1px solid #406bf8;
}
/******************** 건물(end) ********************/
/****************************************************/


/* 2022.10.29 수정 황재승*/
.resultareagis {
	/* background-color: #f2f2f2; */
	min-height: 400px;
}

/* 2022.10.29 황재승 */
.resultareagis .buildgroup {
	margin: 10px 10px 10px 10px;
	background-color: #e2e0ea;
	border-radius: 5px;
	box-shadow: 3px 3px 10px #E1E6EC;
}

/* 2022.10.29 황재승 */
.resultareagis .titarea {
	/* border-top: 1px solid #d6d6d6; */
	/* border-bottom: 1px solid #d6d6d6; */

}

.resultareagis .titarea li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* 2022.10.29 수정 황재승 */
	padding: 10px 5px 0px 10px;
}

.resultareagis .titarea li .subtit02 {
	position: relative;
	padding-right: 20px;
}

.resultareagis .titarea li .subtit02:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-color: #949494;
	width: 1px;
	height: 100%;
	right: 9px;
}

.resultareagis .titarea li p {
	font-size: 15px;
}

.resultareagis .liststyle01 {
	padding: 5px 10px;
}

.resultareagis .liststyle01 .bottom {
	border-radius: 0;
}

/* 황재승 수정 (2023.03.03) border-radius 수정 */
.common_box {
	/* border: 1px solid #ddd; */
	padding: 10px;
	background-color: #fff;
	/* border-radius: 5px; */
	margin: 2px;
	/* box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15); */
	z-index: 0;
}

/* 황재승 추가(2023.03.03) */
.common_box.content {
	width: calc(100% - 5px);
}

.common_box.map_box {
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

.common_box.blueborer {
/* 	border: 1px solid #adc0ff;
	background-color: #e5e9ee; */
	padding: 5px;
	border: 0;
	border-radius: 0;
	margin: 0;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.common_box.more {
	padding: 15px 10px;
}

.parent {
	position: relative;
}

.absoute {
	position: absolute;
}

.cont_inr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

.cont_inr.ly-pop2023 {
	height: calc(100% - 5px);	
}

.cont_inr.ly-pop2023 .flex-col-bottom {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
	
}
/*
.cont_inr.ly-pop2023 .flex-col-bottom .flex:nth-of-type(2) {
	margin: 0 4px;
}
 
.cont_inr.ly-pop2023 .flex-col-top .flex:nth-of-type(2) {
	margin-left: 4px;
} 
 */
 
.cont_inr.ly-pop2023 .common_box {
	margin: 0;
}

.cont_inr.ly-pop2023 .layoutflex {
	margin-top: 4px;
}

/* 
.cont_inr.ly-pop2023 .layoutflex > .flex:nth-of-type(2) {
	margin: 0 4px;
}
 */
.flex1 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.column {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
}

.elvbld_grid {
	height: calc(100vh - 394px);
}

.bgcolor {
	/* border: 3px solid #adc0ff; */
}

.bgcolor>div {
	background-color: #f3f4fe;
}

.bgcolor .padding {
	padding: 10px;
}

.allbtn {
	padding: 0 10px 10px 10px;
}

.allbtn .btn {
	height: 45px !important;
}

.step {
	border: 1px solid #406bf8;
	border-radius: 4px;
	overflow: hidden;
}

.step li {
	position: relative;
	background-color: #fff;
	/* border: 3px solid #dadada; */
	height: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	box-shadow: none;
	margin: 0 !important;
}

.step li::before {
	content: "" !important;
    display: inline-block !important;
    position: relative !important;
    top: unset !important;
    left: unset !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 10px;
    background: url('../img/ico-admin-progress.png') no-repeat !important;
    background-size: auto 40px !important;
    vertical-align: middle;
    transform:scale(1.4);
}

.step li::after {
	content:"" !important;
	display: block !important;
	position: absolute;
	top: 6px !important;
	right: -15px !important;
	bottom: unset !important;
	left: unset !important;
	width: 31px !important;
	height: 31px !important;
	border: solid #406bf8;
	border-width: 1px 1px 0 0;
	border-radius: 0 4px 0 0;
	background:#fff !important;
	transform: rotate(45deg);
}

.step li:nth-of-type(1) {
	z-index: 11;
}

.step li:nth-of-type(1)::before {
	background-position: 0 -20px !important;
}

.step li:nth-of-type(2) {
	z-index: 10;
}

.step li:nth-of-type(2)::before {
	background-position: -20px -20px !important;
}

.step li:nth-of-type(3) {
	z-index: 9;
}

.step li:nth-of-type(3)::before {
	background-position: -40px -20px !important;
}

.step li:nth-of-type(4) {
	z-index: 8;
}

.step li:nth-of-type(4)::before {
	background-position: -60px -20px !important;
}

.step li:nth-of-type(5) {
	z-index: 7;
}

.step li:nth-of-type(5)::before {
	background-position: -80px -20px !important;
}

.step li:nth-of-type(6) {
	z-index: 6;
}

.step li:nth-of-type(6)::before {
	background-position: -100px -20px !important;
}

.step li:nth-of-type(7) {
	z-index: 5;
}

.step li:nth-of-type(7)::before {
	background-position: -120px -20px !important;
}

.step li:nth-of-type(8) {
	z-index: 4;
}

.step li:nth-of-type(9) {
	z-index: 3;
}

.step li:nth-of-type(10) {
	z-index: 2;
}

.step li+li {
	margin-left: 10px;
	position: relative;
}

.step li:last-of-type::after{
	display: none !important;
}

.step li.on::before,
.step li.completion::before {
	background-position-y: 0 !important;
}
/*
.step li+li::before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-image: url("../img/sub/ico_steparrow.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	left: -48px;
	top: 13px;
	width: 22px;
	height: 12px;
	z-index: 1;
}
*/
.step li.on {
	/* border: 3px solid #b2c1f7; */
	font-weight: 700;
	color: #fff;
	background: #406bf8;
	box-shadow: none !important;
}

.step li.on::after {
	background: #406bf8 !important;
}

.step li.completion {
	/* border: 3px solid #b2c1f7; */
	font-weight: 700;
	color: #fff;
	background: #555;
}

.step li.completion::after {
	background: #555 !important;
}

.choose {
	background-color: #fff;
	padding: 5px;
	border-radius: 5px;
}

.choose .search-small-area {
	margin-bottom: 0;
}

.titlebox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.titlebox .titarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px 20px;
}

.titlebox .titarea h2 {
	font-size: 26px;
}

.titlebox .titarea ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}

.titlebox .titarea ul li a {
	background-color: #1e1f21;
	height: 100%;
	display: block;
	border-radius: 20px;
	padding: 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 22px;
	color: #fff;
}

.titlebox .titarea ul li+li a {
	margin-left: 10px;
}

.titlebox .titarea ul .img {
	margin-right: 5px;
}

.titlebox .titarea>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.titlebox .titarea>div span {
	font-size: 26px;
	color: #323232;
}

.titlebox .titarea>div .count {
	margin-left: 20px;
}

.titlebox .radioarea {
	padding-left: 10px;
}

.titlebox .radioarea .bg-ocher {
	padding: 5px;
}

.titlebox .radioarea .form-title {
	line-height: 30px;
}

.backslash {
	background-image: url("../img/sub/line_backslash.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

.backslash>div {
	padding: 0 3px;
}

.backslash .r_text {
	text-align: right;
}

.backslash .l_text {
	text-align: left;
}

.searchskin {
	margin-bottom: 10px;
}

.titarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 5px;
}

.titarea .subtit01 {
	margin-bottom: 0;
}

sup {
	color: #eb0a1f;
}

.inrbox {
	padding: 0;
}

.inrbox>.titarea {
	padding: 5px 10px 0 10px;
}

.inrbox .common_box {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.layoutflex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.layoutflex.topbar {
	/*border-bottom: 1px solid #ccc;*/
}

.layoutflexItem1 {
	flex-grow: 1;
}

.layoutflexItem2 {
	flex-grow: 2;
}

.layoutflexItem3 {
	flex-grow: 3;
}

.layoutflex .layout1 {
	width: 10%;
}

.layoutflex .layout1_5 {
	width: 15%;
}

.layoutflex .layout2 {
	width: 20%;
}

.layoutflex .layout3 {
	width: 30%;
}

.layoutflex .layout4 {
	width: 40%;
}

.layoutflex .layout5 {
	width: 50%;
}

.layoutflex .layout6 {
	width: 60%;
}

.layoutflex .layout6_5 {
	width: 65%;
}

.layoutflex .layout7 {
	width: 70%;
}

.layoutflex .layout8 {
	width: 80%;
}

/*
.layoutflex .layout8 {
	width: calc(100% - 375px);
	min-width:760px;
}
*/

.layoutflex .layout9 {
	width: 90%;
}

.messagelist>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.messagelist>li>div:first-child {
	margin-right: 10px;
}

.messagelist>li>div:last-child {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

.messagelist>li+li {
	margin-top: 5px;
}

.messagelist input {
	width: 100%;
}

.messagelist .inputarea input {
	width: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

.messagelist.long>li>div:first-child {
	margin-right: 0;
}

.subtit02area {
	margin-bottom: 5px;
}

.subtit02area .tabtit {
	font-size: 14px;
}

.greybox td {
	background-color: #fff;
}

.btnlayout {
	position: relative;
}

.num {
	font-size: 15px;
	font-weight: 700;
}

.pagecnt {
	display: block;
    right: 10px;
    position: fixed;
}

.lift_btn_area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 10px;
}

.lift_btn_area .btn {
	min-width: 64px;
	height: auto;
	background-color: #fff;
	border: 1px solid #3274e9;
	padding: 10px;
	border-radius: 10px;
	font-weight: 700;
	color: #3274e9;
	position: relative;
	padding-bottom: 30px;
}

.lift_btn_area .btn:before,.lift_btn_area .btn:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 1px;
	height: 15px;
}

.lift_btn_area .btn:before {
	display: none;
}

.lift_btn_area .btn:after {
	width: 0px;
	height: 0px;
	border-bottom: 12px solid #3274e9;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	right: 23px;
	bottom: 10px;
}

.lift_btn_area.rightarrow .btn:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.plus_min {
	position: absolute;
	right: 25px;
	top: 2px;
	z-index: 9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.plus_min a {
	display: inline-block;
	border: 1px solid #c7c7c7;
	background-color: #fff;
	width: 40px;
	height: 23px;
	border-radius: 5px;
	position: relative;
}

.plus_min a+a {
	margin-left: 2px;
}

.plus_min a:before,.plus_min a:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-color: #000000;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.plus_min a:before {
	width: 9px;
	height: 3px;
}

.plus_min a.addbtn:after {
	width: 3px;
	height: 9px;
}

.s_form {
	border: 1px solid #adc0ff;
	background-color: #fff;
	border-radius: 5px;
}

.s_form .input {
	border: none;
	border-radius: 5px 0 0 5px;
}

.s_form .input.b0 {
	border-radius: 5px;
}

.s_form_gray {
	width:283px;
	border: 1px solid #aaaaaa;
	background-color: #fff;
	border-radius: 5px;
}

.s_form_gray .input {
	border: none;
	border-radius: 5px 0 0 5px;
}

.s_form_gray .input.b0 {
	border-radius: 5px;
}

.map {
	height: 100%;
}

.subtit01 {
	font-size: 16px;
	color: #222222;
	position: relative;
	padding-left: 15px;
	margin-bottom: 5px;
}

.subtit01:before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-color: #4b6cf3;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.subtit02 {
	font-size: 15px;
	color: #406bf8;
}

.mapsearch {
	background-color: #e5e9ee;
	border: 1px solid #bcbcbc;
	border-radius: 10px;
	left: 10px;
	top: 10px;
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
}

.mapsearch .tit {
	text-align: center;
	font-size: 18px;
	color: #222222;
	padding-bottom: 10px;
	border-bottom: 1px solid #bcbcbc;
}

.mapsearch .cont {
	padding-top: 10px;
	overflow: hidden;
}

.mapsearch .select {
	border: 1px solid #adc0ff;
}

.mapsearch .resultareagis {
	background-color: #fff;
	border: 1px solid #d2d2d2;
	margin-top: 10px;
}

.mapsearch .resultareagis .resultcont {
	overflow: auto;
	padding: 10px;
}

.mapsearch .resultareagis .num {
	border-bottom: 1px solid #d2d2d2;
	height: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 10px;
	font-size: 15px;
}

.mapsearch .resultareagis .num span {
	margin-left: 5px;
}

.mapsearch .resultareagis .num2 {
	border-bottom: 1px solid #d2d2d2;
	height: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 5px;
	font-size: 14px;
}

.mapsearch .resultareagis .num2 span {
	margin-left: 5px;
}


.comm_search_area {
	position: absolute;
	z-index: 9999;
	width: 350px;
	left: inherit;
	right: 5px;
	top: 110px;
	"

}

.mapsearch .resultareagis .resultcont2 {
	overflow: auto;
	padding: 10px;
}

.call {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.call h3 {
	font-size: 14px;
}

.call .btn {
	height: 28px;
	font-size: 14px;
}

.message {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #e9e9e2;
	border: 1px solid #d0d0d0;
	border-radius: 10px;
	justify-content: flex-end;
}

.message .info {
	border-bottom: 1px solid #d0d0d0;
	padding: 10px;
	overflow: auto;
	margin-bottom: 10px;
}

.message .info>li:not(:last-child) {
	margin-top: 10px;
}

.message .info>li li+li {
	margin-top: 2px;
}

.message .info dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
}

.message .info dl dt {
	font-size: 12px;
}

.message .info dl dd {
	background-color: #fff283;
	border: 1px solid #d7d7d7;
	padding: 10px;
	font-size: 14px;
	max-width: 80%;
	min-width: 10px;
	word-break: break-all;
	border-radius: 10px 0 10px 10px;
}

.message .info .l_mess dl {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.message .info .l_mess dl dt {
	margin-right: 4px;
}

.message .info .r_mess dl {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.message .info .r_mess dl dt {
	margin-left: 4px;
}

.message .info .r_mess dl dd {
	background-color: #ffffff;
	color: #000000;
	border-radius: 0 10px 10px 10px;
}

.message .inputarea {
	padding: 5px;
}

/* 
.message .inputarea .input {
	border: 1px solid #d7d7d7;
	border-radius: 0;
}
 */

.message .inputarea+.inputarea {
	padding: 0 5px 5px 5px;
}

.totalarea {
	margin-top: 10px;
}

.inputarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.inputarea .input {
	margin-right: 3px;
}

.explan {
	font-size: 13px;
	font-weight: 500;
}

.list_acco {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
	overflow: auto;
}

.list_acco .tit {
	border-bottom: 1px solid #e5e9ee;
	padding: 5px;	/*20230302 수정 padding: 10px 10px 5px 10px;*/
}

.list_acco .tit p {
	background-color: #fbe8e4;
/* 	20230303 주석 display: inline-block;			 */
	border: 1px solid #ffc6ba;
	border-radius: 10px;			/*20230302 수정 border-radius: 20px;*/
	/* margin-top: 4px; */				/*20230302 추가*/
	margin-left: auto;				/*20230303 추가*/
	margin-right: 4px;				/*20230303 추가*/
	/* height: 27px; */
	padding: 0 5px;
	color: #d2553a;
	line-height: 27px;
	font-weight: 700;
}

.list_acco .tit h3 {
	font-size: 18px;
	color: #121212;
	display: inline-block;  		/*20230302 추가*/
	margin-right: 2px;				/*20230302 추가*/
	margin-top: 5px;				/*20230302 수정 margin-top: 3px;*/
	/*20230302 주석
	margin-bottm: 3px;
	margin-left:10px;
	*/
}

/* 20230302 추가 */
.list_acco .tit div {
	display: inline-block;
	color: #121212;
	float: right;
}

.list_acco .tittable {
	padding: 3px 10px 0 10px;
}

.list_acco .declar {
	border-top: 1px solid #e5e9ee;
	padding: 7px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.list_acco .declar .btn {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

/* 
add : 2023-03-13 
user : UI/UX 
관제형태 설정팝업
start)  
*/
.squrebtn {
  display: flex;
  gap: 5px;
  /* margin-right: 5px; */
  width: 100%;
}
.squrebtn li {
  flex: 1;
  border-radius: 5px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}
.squrebtn li a {
  position: relative;
  display: block;
  height: 100%;
  text-align: center;
}
.squrebtn li a .tit {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 36px;
  display: block;
  padding: 9px 4px;
  color: #fff;
  background-color: #1373EE;
  border-radius: 5px 5px 0 0;
  z-index: 0;
}
.squrebtn li a .tit:before {
  display: inline-block;
  clear: both;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  transition: all 0.2s;
  left: 0;
  top: 0;
  background-color: #2c4494;
  border-radius: 5px 5px 0 0;
}
.squrebtn li a .txt {
  height: 100%;
  width: 100%;
  padding-top: 36px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.4px;
  background-color: #fff;
  border-radius: 5px;
}
.squrebtn li a .txt div {
  display: inline-block;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
}
.squrebtn li a .txt span {
  font-size: 16px;
  font-weight: 400;
}
.squrebtn li a.on .tit:before, .squrebtn li a:hover .tit:before, .squrebtn li a:active .tit:before, .squrebtn li a:focus .tit:before {
  transition: all 0.2s;
  width: 100%;
  z-index: -1;
}
.squrebtn + button {
  height: 100% !important;
  padding: 0 12px !important;
  white-space: nowrap;
}

.vertical_wrap {
  display: table;
}
.vertical_wrap .vertical_box {
  display: table-cell !important;
  vertical-align: middle;
  height: 46px;
}

.mng-searchbtn {
	height: 100% !important;
    padding: 0 12px !important;
    white-space: nowrap;
    width: 100%;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


/* 
add : 2023-03-13 
user : UI/UX 
관제형태 설정팝업
end)  
*/

.extxt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 15px;
	margin: 5px 0;
}

.extxt dt {
	width: 45px;
}

.search-big-area {
	background: aliceblue;
	padding: 5px;
}

.search-big-area td {
	background-color: #fff;
}

.search-small-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 5px;
	background: aliceblue;
	padding: 10px;
}

.search-small-area>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.search-small-area table .form-body .btn {
	width: 40px;
}

.search-small-area .tbl.effect1 td {
	padding: 2px;
}

.search-small-area .btn.effect1 {
	height: 28px;
}

.search-small-area .input {
	height: 28px !important;
}

.search-small-area .form .form-title label {
	font-size: 14px;
}

.search-small-area .select {
	height: 28px !important;
}

.search-small-area .subtit02 {
	width: 130px;
}

.search-small-area .tbl.effect1 td {
	background-color: #fff;
}

.btnarea.full {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.btnarea .btn {
	height: 30px;
	font-size: 15px;
}

.scroll {
	overflow: auto;
}

ul.btnarea li+li {
	padding-left: 20px;
	position: relative;
}

ul.btnarea li+li::before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	left: 9px;
	top: 0;
	background-color: #b4b4b4;
}

.titleformskin>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

.titleformskin>div+div {
	margin-left: 10px;
}

.titleform {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

.titleform dt {
	background-color: #fff8f6;
	border: 3px solid #ffc6ba;
	font-size: 18px;
	color: #d2553a;
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
}

.titleform dd {
	border: 1px solid #ffc6ba;
	padding: 5px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	flex: 1;
}

.titleform+dl {
	margin-top: 10px;
}

.titleform .titarea {
	width: 100%;
	margin: 0;
	padding: 0 10px;
}

.titleform .titarea h3 {
	font-size: 18px;
}

.titleform .btnarea {
	margin-top: 0;
}

.picker {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.picker .circle {
	background-color: rgba(157, 157, 157, 0.2);
	width: 96px;
	height: 96px;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.picker .circle span {
	display: block;
	background-color: #393c43;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
}

.picker .box {
	background-color: #fff;
	border: 1px solid #b5b5b5;
	border-radius: 20px;
	min-width: 170px;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
	min-width: 270px;
}

.picker .box::before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-image: url("../img/sub/ico_mappickerarrow.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 14px;
	height: 12px;
	bottom: -12px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
}

.picker .box .tit {
	height: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 20px 20px 0 0;
	font-weight: 700;
	color: #000;
	background-color: #f3f4fe;
}

.picker .box .cont {
	padding: 10px 5px;
}

.picker .box .cont .btn {
	margin-top: 5px;
}

.picker.color_pink .tit {
	background-color: #e05477;
	color: #fff;
}

.picker.color_red .tit {
	background-color: #e15c52;
	color: #fff;
}

.picker.color_yellow .tit {
	background-color: #efd259;
	color: #1e1f21;
}

.picker.color_purple .tit {
	background-color: #9f4bed;
	color: #fff;
}

.picker .data01 {
	padding: 5px 10px;
	border-top: 1px solid #b5b5b5;
}

.picker .data01 .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.picker .data01 .top p {
	font-weight: 700;
}

.picker .data01 .top div {
	background-color: #e7e7e7;
	border: 1px solid #d1d1d1;
	border-radius: 30px;
	padding: 0 10px;
	color: #d2543a;
}

.picker .data01 .top+p {
	text-align: left;
	margin-top: 3px;
	font-size: 14px;
}

.picker .data02 {
	border-top: 1px solid #b5b5b5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	padding: 5px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.picker .data02 li+li {
	padding-left: 10px;
	position: relative;
}

.picker .data02 li+li::before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-color: #a1a1a1;
	width: 1px;
	height: 100%;
	left: 4px;
	top: 0;
}

.noticebox {
	background: aliceblue;
	padding: 10px 10px 10px 35px;
	margin-bottom: 10px;
	border: 1px solid #adc0ff;
	position: relative;
	line-height: 22px;
}

.noticebox .strogntxt {
	font-size: 15px;
}

.noticebox:before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	background-image: url("../img/sub/ico_notice.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	left: 8px;
}

.square {
	position: relative;
	padding-left: 18px;
}

.square::before {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	left: 0;
	top: 1px;
}

.square.color_y::before {
	background-color: #e7a958;
}

.square.color_q::before {
	background-color: #7dc6c3;
}

.square.color_b::before {
	background-color: #5c6eda;
}

.graph {
	background-color: #f7f8fb;
	margin-bottom: 5px;
}

.searchbtn-area {
	background-color: #3274e9 !important;
}

.searchbtn-area .btn {
	width: 100%;
	height: 100%;
}

.searchbtn-area .btn::before {
	background-color: #2c4494;
}

.share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.left_list {
	position: absolute;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	/* min-height: 700px; */
}

.bg-ocher {
	background-color: #e9e9e2;
}

.redtxt {
	color: #e15c52 !important;
}

.yellowtxt {
	color: #efd259 !important;
}

.pinktxt {
	color: #e05477 !important;
}

.purpletxt {
	color: #9f4bed !important;
}

.bluetxt {
	color: #406bf8 !important;
}

.searchadd .middle {
	border-top: 1px solid #e9e9e2;
	border-bottom: 1px solid #e9e9e2;
}

.searchadd .middle>div {
	padding: 10px;
	height: 100%;
	overflow: auto;
}

.searchadd .middle .selector {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.searchadd .middle .selector>li {
	width: 50%;
}

.searchadd .middle .selector>li.on a {
	color: #0054d1;
}

.searchadd .middle .selector>li.on a:before,.searchadd .middle .selector>li.on a:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 1px;
	height: 7px;
	background-color: #0054d1;
	right: 50px;
	top: 3px;
}

.searchadd .middle .selector>li.on a:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	top: 8px;
}

.searchadd .middle .selector>li.on a:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

.searchadd .middle .selector>li a {
	display: block;
	height: 25px;
	position: relative;
}

.searchadd .middle .selector>li a:hover {
	color: #0054d1;
}

.searchadd .middle .selector>li a:hover:before,.searchadd .middle .selector>li a:hover:after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 1px;
	height: 7px;
	background-color: #0054d1;
	right: 50px;
	top: 3px;
}

.searchadd .middle .selector>li a:hover:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	top: 8px;
}

.searchadd .middle .selector>li a:hover:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

.searchadd .middle .last>.check {
	width: 20%;
}

.searchadd .bottom {
	background-color: #fcfcfc;
}

.searchadd .bottom>div {
	padding: 10px;
}

.searchadd .bottom .result {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.searchadd .bottom .result li {
	font-size: 14px;
	position: relative;
	margin: 0 15px;
}

.searchadd .bottom .close {
	text-indent: -9999px;
	background: rgba(0, 0, 0, 0);
	padding: 0;
}

.searchadd .bottom .close::before,.searchadd .bottom .close::after {
	display: inline-block;
	clear: both;
	content: "";
	position: absolute;
	width: 1px;
	height: 12px;
	background-color: #414141;
	right: -10px;
	top: 9px;
}

.searchadd .bottom .close::before {
	left: auto;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.searchadd .bottom .close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

.searchadd .bottom .close:hover::before,.searchadd .bottom .close:hover::after {
	background-color: #0054d1;
}

.login_wrap {
	justify-content: right;
	padding: 60px;
	background: url('../img/bg_login.png') no-repeat 20% center;
	background-color: #eaf0ff;
}

.login_wrap .txt {
	font-size: 16px;
	margin-bottom: 10px;
}

.login_wrap .txtbtn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-top: 24px;
}

.login_wrap .txtbtn li a {
	font-size: 16px;
	text-decoration: underline;
}

.login_wrap .txtbtn li+li {
	position: relative;
}

.login_wrap .logo {
	text-align: center;
	margin-bottom: 20px;
}

.login_wrap .login {
	width: 500px;
	min-height: 600px;
	height: 100%;
	padding: 72px 60px 60px;
	border-radius: 20px;
	background:#fff;
	box-shadow: 0 0 20px rgba(0,0,0,.05);
	box-sizing:border-box;
}

.login_wrap .inr {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.login_wrap .login .logininfo .input-area {
	margin-top: 36px;
}

.login_wrap .login .logininfo .input-area > div {
	margin-top: 24px;
}

.login_wrap .login .login-bottom {
	height: 51px;
	padding: 16px 0;
	margin-top: auto;
	background:url('../img/logo_login.png') no-repeat left center;
	text-align: right;
	line-height:19px;
	box-sizing: border-box;
}


.login_wrap .login .logininfo .input-area label {
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: bold;
	color: #0058a1;
	line-height: 1;
}

.login_wrap .explantit {
	width: 382px;
	height: 50px;
	margin: 0 auto;
	overflow: hidden;
	text-align:left;
	text-indent: -999px;
	font-size: 0;
	background:url('../img/txt_login.png') no-repeat center;
}

.login_wrap .input {
	width: 100%;
	height: 48px !important;
	border-radius: 6px;
}

.login_wrap .check.effect1 {
	margin: 12px 0 0;
}

.login_wrap .btn {
	width: 100% !important;
	height: 60px !important;
	margin: 36px 0 12px;
	border-radius: 6px;
	color: #fff;
	font-size: 22px;
}

.login_wrap .btn::before {
	display: none;
}

.login_wrap .btn.btn01 {
	background-color: #0058a1;
}

.login_wrap .btn.btn02 {
	background-color: #1c2674;
}

.login_wrap .btn.btn03 {
	background-color: #4a60ac;
}

.login_wrap .onepass .txtbtn {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

/* 로딩 애니메이션 추가 start (한상훈)*/
.spinner {
	gap: 8px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.spinner>.dot {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background-color: #345db4;
	animation: blur 1s infinite alternate;
}

.spinner>.dot:nth-child(2) {
	animation-delay: 200ms;
}

.spinner>.dot:nth-child(3) {
	animation-delay: 400ms;
}

@ keyframes blur {
	to {
		filter: blur(4px);
		opacity: 0;
	}

}

/* 로딩 애니메이션 추가 end (한상훈)*/

/* 로딩 애니메이션 추가 start (황재승)*/
.loading-area {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.rotate_koelsa_ci {
	background-image: url('../img/common/koelsa_ci.png');
	background-size: 100% 100%;
	opacity: 0.5;
	width:64px; 
	height:64px;
	animation: rotate_image 3s linear infinite;
    /* transform-origin: 50% 50%; */
}

@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}
/* 로딩 애니메이션 추가 end (황재승)*/

/* 스크롤시 테이블헤더 고정 (한상훈) */
.table-header-fixed {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 0px;
	z-index: 10;
	background: #fff;
}

/* 대시보드 우측상단 메뉴 (한상훈) */
.topMenu {
	width: 100%;
	height: 69px;
	background-color: #e5e9ee;
	font-weight: bold;
}

/* 한상훈 추가 */
.navigation {
	position: relative;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 35px;
	box-sizing: initial;
	background: #3274e9;
	transition: 0.5s;
	overflow-x: hidden;
}

/* 한상훈 추가 */
.navigation ul {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}

/* 한상훈 추가 */
.navigation ul li {
	float: left;
	position: relative;
	list-style: none;
	width: 33%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

/* 한상훈 추가 */
.navigation ul li.active {
	background: #e5e9ee;
}

/* 한상훈 추가 */
.navigation ul li b:nth-child(1) {
	position: absolute;
	left: -10px;
	bottom: 0px;
	height: 100%;
	width: 10px;
	background: #eee5e5;
	display: none;
}

/* 한상훈 추가 */
.navigation ul li b:nth-child(1)::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 10px;
	height: 100%;
	border-bottom-right-radius: 10px;
	background: #3274e9;
}

/* 한상훈 추가 */
.navigation ul li b:nth-child(2) {
	position: absolute;
	right: -10px;
	bottom: 0px;
	height: 100%;
	width: 10px;
	background: #eee5e5;
	display: none;
}

/* 한상훈 추가 */
.navigation ul li b:nth-child(2)::before {
	content: '';
	position: absolute;
	top: 0px;
	width: 10px;
	height: 100%;
	border-bottom-left-radius: 10px;
	background: #3274e9;
}

/* 한상훈 추가 */
.navigation ul li.active b:nth-child(1),.navigation ul li.active b:nth-child(2) {
	display: block;
}

/* 한상훈 추가 */
.navigation ul li a {
	position: relative;
	display: block;
	width: 100%;
	display: flex;
	text-decoration: none;
	color: #fff;
}

/* 한상훈 추가 */
.navigation ul li.active a {
	color: #333;
}

/* 한상훈 추가 */
.navigation ul li a .title {
	position: relative;
	display: block;
	padding-left: 0px;
	height: 30px;
	line-height: 30px;
	white-space: normal;
	width: 100%;
	text-align: center;
	font-size: 18px;
}


/* 한상훈 추가 */
.top_menu_bottom_div {
	background-color: #e5e9ee;
}

/* 한상훈 추가 */
.top_menu_bottom_div .big_cont .blackborder {
	width: 220px;
}

/* 한상훈 추가 */
.top_menu_bottom_div .big_cont .blackborder ul {
	background-color: #e5e9ee;
	border-radius: 0px;
	box-shadow: 0px 0px 0px #fff;
	margin: auto;
}

/* 한상훈 추가 */
.top_menu_bottom_div>div>button {
	height: 100%;
	float: right;
	margin: auto;
	border-radius: 5px;
}

/* 한상훈 추가 */
.top_menu_bottom_div .big_cont .blackborder ul li a .redtxt {
	font-size: 24px;
}

/* 한상훈 추가 */
.top_menu_bottom_div .big_cont .blackborder ul li a .redtxt span {
	font-size: 21px;
	color: #000000;
}

/* 국가승강기정보센터 관리대상 버튼 (한상훈 추가)*/
.btn_mng_trgt_ntnl_elv {
	position: relative;
	margin-left: 8px;
}

.slt_mng_buld {
	float:right;
	margin-right:10px;
}

.section_mng_buld {
	width : 1660px; 
	height:590px;
}


/* 한상훈 추가 */
.span_mng_trgt_ntnl_elv {
	float: right;
	font-size: 12px;
}

/* 한상훈 추가 */
/* 공단 검사일정 및 결과확인 버튼 */
.div_indust_inspct_schedule {
	margin: auto;
	width: 260px;
}

/* 한상훈 추가 */
.btn_indust_inspct_schedule {
	float: right;
}


/*자체점검일정등록 (한상훈 추가)*/
.self_inspect_schedule {
	margin-left: 15px;
	width: 135px;
}

/* 한상훈 추가 */
.div_self_inspect_schedule_save {
	float: right;
}

/* 관리대상 승강기 추가 검색창 (한상훈 추가) */
.div-insert-mng-elvtr {
	margin-bottom: 10px;
}

/* (한상훈 추가) */
.div_tbl_scroll {
	overflow: auto;
	max-height: 350px;
}

/* (한상훈 추가) */
.head_mng_elvtr_list {
	line-height: 30px;
	float: left;
	margin: 0px 10px 0px 10px;
}

/* (한상훈 추가) */
.btn_mng_save {
	font-size: 17px;
	width: 80px;
}

/* (박현진 추가-안내문구 미리보기) */
.area-news {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	height: 100%;
	background: #192e41;
}

.area-news .wrap-news {
	padding-top: 1.6rem;
	padding-bottom: 1.6rem;
	color: #fff;
	font-size: 1.5rem;
	font-family: "Pretendard-black";
	overflow: hidden;
	white-space: nowrap;
}

.list-news {
	list-style: none;
	display: block;
	position: relative;
	left: 100%;
	margin: 0;
	padding: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.list-news.ani {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.list-news li {
	display: inline-block;
	padding: 0;
}

.list-news li:last-of-type {
	margin-right: 0 !important;
}

@-webkit-keyframes aniNews {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes aniNews {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

/* (박현진 추가-영상통화 종료 버튼) */
.btn-ico {
	position: relative;
	overflow: hidden;
	text-align: left;
	text-indent: -999px;
	display: block;
	position: relative;
	width: 28px;
	height: 28px;
	border: none;
}

.btn-ico::before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url("../img/ico-btn.png");
	background-repeat: no-repeat;
	background-size: 480px 120px;
}

.btn-ico.ico-video-call {
	position: absolute;
	right: 2em;
	bottom: 2em;
	width: 8rem;
	height: 8rem;
	background: -webkit-gradient(linear, left top, left bottom, from(#f10000), to(#b20000));
	background: linear-gradient(to bottom, #f10000, #b20000);
	border-radius: 50%;
	-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4);
}

.btn-ico.ico-video-call:disabled{
	background: #b20000;
	pointer-events: none; 	
}

.btn-ico.ico-video-call::before {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 4rem;
	height: 4rem;
	background-size: auto 4rem;
	background-position: -4rem 0;
}

.btn-ico.ico-video-call:hover,.btn-ico.ico-video-call:focus {
	background: -webkit-gradient(linear, left bottom, left top, from(#f10000), to(#c20000));
	background: linear-gradient(to top, #f10000, #c20000);
}

.ly-right .btn-ico.ico-video-call {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

.type-pop .btn-ico.ico-video-call {
	right: 0.5rem;
	bottom: 0.5rem;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
}

/* 통화시작 버튼 */
.btn-ico-st {
	position: relative;
	overflow: hidden;
	text-align: left;
	text-indent: -999px;
	display: block;
	position: relative;
	width: 28px;
	height: 28px;
	border: none;
}

.btn-ico-st::before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url("../img/ico-btn.png");
	background-repeat: no-repeat;
	background-size: 480px 120px;
}

.btn-ico-st.ico-video-call-st {
	position: absolute;
	right: 2em;
	bottom: 2em;
	width: 8rem;
	height: 8rem;
	background: -webkit-gradient(linear, left top, left bottom, from(#20e801), to(#02b82c));
	background: linear-gradient(to bottom, #20e801, #02b82c);
	border-radius: 50%;
	-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4);
}

.btn-ico-st.ico-video-call-st:disabled{
	background: #02b82c;
	pointer-events: none;
}

.btn-ico-st.ico-video-call-st::before {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 4rem;
	height: 4rem;
	background-size: auto 4rem;
}

.btn-ico-st.ico-video-call-st:hover,.btn-ico-st.ico-video-call-st:focus {
	background: -webkit-gradient(linear, left bottom, left top, from(#20e801), to(#02b82c));
	background: linear-gradient(to top, #20e801, #02b82c);
}

.ly-right .btn-ico-st.ico-video-call-st {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

.type-pop .btn-ico-st.ico-video-call-st {
	right: 0.5rem;
	bottom: 0.5rem;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
}

.elvtr_stat_accident_date {
	margin-left: 10px;
	width: 180px;
}

.btn_elvtr_accident_srch {
	margin-left: 10px;
}

.login_title {
	font-size: 48px;
	color: #555;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}


/* 스킵 네비게이션 (한상훈) */
.skip-navi {position: absolute; width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden;}

.user_join_terms {
	width : 97vw;
}

/* 페이징 현재 페이지 (이가현) */
.paging > ul > li > .on { color: blue; font-weight: bold; }

.span-time-remain{
	color:#ff3a4a;
	font-size:18px;
	font-weight:bold;
	margin:2px 8px 2px 2px;
	display:none;
	float : right;
}

.btnarea a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 0;
  min-height: 45px;
}

.kakaobtn { background-color: #fee500;border-radius: 6px; height: 60px; }
.naverbtn { background-color: #03c75a;border-radius: 6px; height: 60px;}

/* 첨부파일 프로그레스바 */
:root {
  --att-file-colour1: #4578ff;
  --att-file-colour2: #cfeeff;
  --att-file-speed: 1s;
}

@keyframes att-file-slide {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 113px;
  }
}

.att-file-container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.att-file-container div.bar {
    height: 10px;
    border-radius: 10px;
    width: calc(113px * 4);
    @media only screen and (max-width: 450px) {
      width: calc(113px * 3);
    }
    @media only screen and (max-width: 350px) {
      width: calc(113px * 2);
    }
    box-shadow: 0px 10px 13px -6px rgba(44, 62, 80, 1);
    background-color: var(--att-file-colour2);
    background-image: repeating-linear-gradient(
      45deg,
      transparent,
      transparent 20px,
      var(--att-file-colour1) 20px,
      var(--att-file-colour1) 40px
    );

    animation: att-file-slide var(--att-file-speed) linear infinite;
    will-change: background-position;
  }
  
 .sys-user-mgr-input{
 	width : 100%;
 }
 
 /* table 내 search btn area (이가현 추가 2023.03.03.) */
.td-search {
	float: right;
	width: 125px;
}




/* 
add : 2023-03-13 
user : UI/UX 
관제형태 설정팝업
start)  
*/

.user .popup-head .popupclose .btn.effect1 {
  padding: 0;
}
.user .popup-body {
  margin: 16px 0;
  padding: 0px 20px;
  overflow: unset;
}
.user .squrebtn {
  margin: 0;
}
.user .squrebtn li {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.user .squrebtn li a .tit {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  background: #F3F4FE;
  transition: 0.2s;
}
.user .squrebtn li a .tit::before {
  display: none;
}
.user .squrebtn li a .txt {
  padding: 10px;
  padding-top: 46px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  word-break: keep-all;
  border: 2px solid transparent;
  border-top: none;
  overflow: hidden;
  transition: 0.2s;
}
.user .squrebtn li a.on .tit, .user .squrebtn li a:hover .tit, .user .squrebtn li a:active .tit {
  color: #ffffff;
  background: #1373EE;
}
.user .squrebtn li a.on .txt, .user .squrebtn li a:active .txt {
  border: 2px solid #1373EE;
  border-top: none;
}

/* 
add : 2023-03-13 
user : UI/UX 
관제형태 설정팝업
end)  
*/

/*
add : 2023-03-16
user : UI/UX
nodata 영역
start)
*/

.no_data {
  width : 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  margin-top: 10px;
  padding: 74px 0 30px;
  background: url("../img/sub/ico_nodata.png") no-repeat top center;
}
.no_data .tit_nodata {
  margin-top: 16px;
  color: #555;
  font-size: 24px;
  font-weight: 600;
}

.no_data_center {
	display:flex; 
	align-items:center;
}

/*
add : 2023-03-16
user : UI/UX
nodata 영역
end)
*/


/* 텍스트 지정한 범위 넘어갈 경우 요약 */
/* 주의 : 텍스트 요약 시 현재 클래스를 적용할 태그 또는 상단 태그에 width 값 필수 */
.text-summary {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;	
}

/*
<!-- add : 2023-03-24
<!-- user : UI/UX
<!-- 테이블 디자인
<!-- start)
*/
.tbl.effect3 {
  padding: 0px 4px;
  background-color: #F3F4FD;
  border-radius: 5px;
}
.tbl.effect3 table {
  border-collapse: separate;
  border-spacing: 0 5px;
}

.tbl.effect3 thead {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 5px;
	z-index: 20;
	background: #fff;
	height:26px;
}

.tbl.effect3 thead th {
	position:relative;
  height: auto;
  color: #3675E8;
  font-size: 14px;
  border-left: 1px solid #3675E8;
  background-color: #F3F4FD;
}

.tbl.effect3 thead th div span label span {
	font-size:14px;	
}

.tbl.effect3 thead th::before {
	content:"";
	display: block;
	position: absolute;
	top: -5px;
	bottom: -5px;
	left: 0;
	width: 100%;
	background:#F3F4FD;
	z-index: -1;
}
.tbl.effect3 thead th:first-child {
  border-left: 0;
}

.tbl.effect3 tbody {
	padding-bottom:5px;	
}

.tbl.effect3 tbody tr {
  position: relative;
  /*margin-bottom: 10px;*/
  border-radius: 10px;
}
.tbl.effect3 tbody tr::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  z-index: 0;
}
.tbl.effect3 tbody tr:hover::after, .tbl.effect3 tbody tr.selected::after {
  border: 1px solid #3675E8;
  background-color: #EDEFFC;
}
.tbl.effect3 tbody tr td {
  position: relative;
  height: auto;
  padding: 6px;
  color: #000000;
  font-size: 14px;
  word-break: keep-all;
  z-index: 1;
}
.tbl.effect3 tbody tr td::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 75%;
  background-color: #DDDDDD;
}
.tbl.effect3 tbody tr td:first-child::before {
  display: none;
}
.tbl.effect3 tbody tr td .btn {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.tbl.effect3 tbody tr td .btn.effect1 {
  height: 30px;
  /*color: #4979E3;*/
  font-size: 14px;
  line-height: 30px;
  white-space: nowrap;
  /*border: 1px solid #7EA0EB;
  background-color: #EDEFFC;*/
}
.tbl.effect3 tbody tr td .btn.declarbtn:hover::before, .tbl.effect3 tbody tr td .btn.declarbtn:focus::before {
  background-color: #D1D3EB;
}

.tbl.effect3 .scroll-thead {
  padding: 2px 4px 0px 4px;
}
.tbl.effect3 .scroll-thead table {
  width: calc(100% - 17px);
}


.tbl.effect3 .scroll-tbody {
  padding: 0px 4px 2px 4px;
  overflow-y: auto;
}
.tbl.effect3 .scroll-tbody table {
  overflow-y: auto;
}
.tbl.effect3 tbody tr.emphasis {
  font-weight: bold;
}
/*
<!-- add : 2023-03-24
<!-- user : UI/UX
<!-- 테이블 디자인
<!-- end)
*/

/* 상세보기 버튼 우측 틀고정*/
.th-right-sticky {
	position:sticky !important;
	right:-4px;
	z-index:10;
}

.td-right-sticky {
	position:sticky !important;
	right:-4px;
	z-index:10;
	background:#FFFFFF;
}

.tbl.effect3 tbody tr:hover .td-right-sticky::before, 
.tbl.effect3 tbody tr.selected .td-right-sticky::before {
	background-color:#3675E8;
}


.tbl.effect3 tbody tr:hover .td-right-sticky::after, 
.tbl.effect3 tbody tr.selected .td-right-sticky::after {
	content:"";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	border: 1px solid #3675E8;
	border-radius: 0 5px 5px 0;
  	background-color: #EDEFFC;
  	z-index: -1;
 }

/* refresh progressbar */
.refresh-progress {
  height: 2px;
  border-radius: 2px;
  background-color: #fff;
}

.refresh-progress-bar {
  height: 2px;
  border-radius: 2px;
}

.refresh-progress-moved .refresh-progress-bar {
  background-color: #0055cc;
  animation: refresh-progress-color 10s linear infinite;
}

.refresh-progress-moved .refresh-progress-bar.refresh-progress-paused {
   animation-play-state: paused;
}

@keyframes refresh-progress-color {
  0% {
    width: 0%;
    background: #66ccff;
  }

  100% {
    width: 100%;
    background: #0088ff;
  }
}



/* 데이터피커 */

.datapicker {
  display: block;
  position: relative;
}
.datapicker .ui-datepicker-trigger {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}
.datapicker .hasDatepicker {
  width: 100%;
  margin: 0;
}
.wrap-datapacker > .datapicker {
  width: calc(50% - 10px);
  float: left;
}
.wrap-datapacker > .datapicker + .unit {
  display: block;
  width: 20px;
  margin: 0;
  float: left;
  text-align: center;
  line-height: 30px;
}

.wrap-datapacker {
  overflow: hidden;
}
.tbl-search .wrap-datapacker {
  margin: -4px -8px;
}
.wrap-datapacker.type-complex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wrap-datapacker.type-complex > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wrap-datapacker.type-complex > div > div select {
  margin-left: 8px;
  width: 80px;
}
.wrap-datapacker.type-complex > .unit {
  margin: 0 8px;
}

.wrap-datapicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  max-width: 460px;
}
.wrap-datapicker::after {
  content: "";
  display: block;
  position: relative;
  clear: both;
}
.wrap-datapicker input[type=datetime-local] {
  width: calc(50% - 10px);
}
.wrap-datapicker input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
  min-width: 30px;
}
.wrap-datapicker span {
  display: block;
  width: 20px;
  text-align: center;
}
.tbl-search .wrap-datapicker, .tbl-data .wrap-datapicker {
  margin: -4px -8px;
}
.tbl-search .wrap-datapicker input, .tbl-data .wrap-datapicker input {
  margin: 0;
}
.wrap-datapicker.wrap-pop .total {
  width: 400px;
}

.ui-datepicker {
  font-size: 14px;
  z-index: 100 !important;
}
.ui-datepicker.ui-widget-content {
  background: #fff;
}
.ui-datepicker .ui-widget-header {
  padding: 4px 0;
  border: none;
  background: #004fb0;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev,
.ui-datepicker .ui-widget-header .ui-datepicker-next {
  cursor: pointer;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev span,
.ui-datepicker .ui-widget-header .ui-datepicker-next span {
  position: relative;
  background: none;
  text-align: left;
  text-indent: -999px;
  overflow: hidden;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev span::before,
.ui-datepicker .ui-widget-header .ui-datepicker-next span::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-widget-header .ui-datepicker-next.ui-state-hover {
  border: 1px solid #004fb0;
  background: none;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev span::before {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
  left: 5px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-next span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  right: 5px;
}
.ui-datepicker .ui-state-default {
  border: 1px solid #fff;
  border-radius: 4px;
  background: none;
  color: #424242;
  text-align: center;
  font-weight: normal;
}
.ui-datepicker .ui-state-default.ui-state-highlight, .ui-datepicker .ui-state-default.ui-state-hover {
  border: 1px solid #004fb0;
  background: #fff;
  color: #000;
}
.ui-datepicker .ui-state-default.ui-state-active {
  border: 1px solid #004fb0;
  background: #0066e3;
  color: #fff;
}

.xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker.active .xdsoft_time_box {
  height: 174px;
  width: 58px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.xdsoft_datetimepicker .xdsoft_timepicker.active .xdsoft_time_box.type2:empty {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_month {
	position: absolute;
	right: 50px;	
}

.xdsoft_datetimepicker .xdsoft_year {
	position: absolute;
	left: 50px;
}

.xdsoft_timepicker .xdsoft_time.on {
	background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

.datetimepickerHI,
.datetimepickerH,
.datetimepickerD,
.datetimepickerT {
	height: 37px;
	border: 1px solid #aaaaaa;
	border-radius: 5px;
	padding: 0 30px 0 10px;
	font-size: 15px;
	color: #666666;
  background-image: url(../img/ico-cal.png) !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: auto 80% !important;
}

.cont_main {
	width: 100%;
}

.tobbar_vertical {
	width: 1px;
    background-color: #b3b3b3;
    margin: 10px 3px;
}

.input_human {
	position: relative;
}

.input_human.name {
	width: 35%;
}

.input_human.phonenum {
	width: calc(100% - 35% - 3px);
}

.koelsa_spinner {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    border-top: 4px solid #3697d7;
    border-right: 4px solid transparent;
    box-sizing: border-box;
    animation: spn_rotation 1s linear infinite;
}

.koelsa_spinner::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: -2px;
    top: -2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border-bottom: 4px solid #ea722e;
    border-left: 4px solid transparent;
}

@keyframes spn_rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.text_red_shining {
  font-weight: 700;
  overflow: hidden;
  background: linear-gradient(90deg, #f00, #333, #f00);
  background-size: 80%;
  animation: text_animate 3s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
}

@keyframes text_animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}


td.row-disabled {
   background-color: rgba(236, 240, 241, 0.7);
   pointer-events: none;
}

.liststylebuld01 a .tail div.grid-left {
	background-color: #eceffd;
	border: 1px solid #d1d1d1;
	border-radius: 10px;
	padding: 3px 10px;
	color: #d2543a;
	text-align:center;
	margin:auto;
	width:fit-content;
	float:left;
	font-weight:bold;
}
.liststyle01 a .tail div.grid-left {
	background-color: #eceffd;
	border: 1px solid #d1d1d1;
	border-radius: 10px;
	padding: 3px 10px;
	color: #d2543a;
	text-align:center;
	margin:auto;
	width:fit-content;
	float:left;
	font-weight:bold;
}

.btn.effect1.editbtn.arrowBtn {
	padding: 0 10px;
	margin-left: 0;
}

.flex_box{
  display: flex;
}

.flex_area{
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

.flex_box.colum{
  flex-direction: column;
}

.flex_box.row{
  flex-direction: row;
}

.flex_none{
  flex: none !important;
}

#wrap1{
  flex: 1;
}

[data-page="userPravacy"]{
  height: 100%;
}

[data-page="userPravacy"].header_show .onlie_form{
  max-height: calc(100vh - 80px - 50px);
}
[data-page="userPravacy"] .onlie_form{
  max-height: calc(100vh - 80px);
}

[data-page="userPravacy"]:has(.subtit01) .onlie_form,
[data-page="userPravacy"].header_show:has(.subtit01) .onlie_form{
  max-height: none;
  height: auto;
}

[data-page="userPravacy"].header_show:has(.subtit01) .scroll_box{
  max-height: calc(100vh - 80px - 50px);
}
[data-page="userPravacy"]:has(.subtit01) .scroll_box{
  max-height: calc(100vh - 80px);
}

[data-page="userPravacy"].header_show .onlie_form{
  overflow-y: auto;
  overflow-x: hidden;
}

[data-page="userPravacy"] .onlie_form form,
[data-page="userPravacy"] .onlie_form form #content{
  height: 100%;
}

[data-page="userPravacy"] > .flex_box{
	height: 100%;
	overflow: hidden;
}

[data-page="userPravacy"] .logo{
  margin-bottom: 20px;
}

[data-page="userPravacy"] .title_box h1{
  text-align: center;
  font-size: 1.2rem;
}

[data-page="userPravacy"] .title_box h2{
  margin: 15px 0;
  text-align: center;
}

[data-page="userPravacy"] .onlie_form{
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
}

[data-page="userPravacy"] .checkarea .box{
  padding: 10px;
}

[data-page="userPravacy"] #container1{
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
}

[data-page="userPravacy"] footer {
  border-top: 1px solid #e9eaed;
  height: 80px;
  font-weight: 700;
  background-color: #e9eaed;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
}

[data-page="userPravacy"] footer a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #c5c7cd !important;
}

[data-page="userPravacy"] footer.on {
  background-color: #527df8;
}

[data-page="userPravacy"] footer.on a {
  color: #fff !important;
}

[data-page="userPravacy"] footer .now_status {
  width: 100%;
  height: 80px;
}

[data-page="userPravacy"] footer .now_status button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: white;
  font-weight: 700;
  background: #4578ff;
}

[data-page="userPravacy"] .aButton[disabled]{
  background: #aaa;
  border-color: #aaa;
  color: white;	
}